[link]_Vue全家餐

Vue 源碼探索

• Vue2技術揭秘
• Vue3技術揭秘

Cli

• Vue Cli3 MPA 多页面配置 - 掘金 - 2019

• Vue Cli學習教程 - 官方

• Vue Cli學習教程-配置 - 官方

• vue-cli4全面配置（持續更新）

• Vue Cli學習教程-審查項目的webpack 配置 - 官方

• webpack-chain - Github

• chainWebpack與configureWebpack

• 前端工程化：webpack-chain - 掘金 - 2020

• configureWebpack、chainWebpack配置vue.config.js - CSDN - 2020

• Vue CLI 源碼探索 - 掘金 - 2020

• 多頁

  • Vue-CLI 製作 SPA 很方便，那需要多頁面的時候呢？ - Medium - 2019
  • vue-multi-page-demo - Github - 2019
  • 如何使用vue-cli4构建一个多页应用 - 流云诸葛 - 2019

Vue Loader

• Vue 單文件組件(SFC) 規範 - 官方
• Webpack 前端打包工具 - 使用 vue-loader 手動建置出 Vue CLI 環境 - Roya’s Blog

Vuex

• [官方] - Vuex
• Vuex 是什麼? 怎麼用? - Medium - 2020

Vue Router

• [官方] - Vue Router
• 使用vue-router+vuex進行導航守衛 - 簡書 - 2018
• vue-router導航守衛，不懂的來 - 知乎 - 2019
• Vue Router 導航守衛 - JC2182

Vue套件

• [iT邦] 其他現成UI - Ralph - 2017

NuxtJs

• [iT邦] Nuxt - 使用 Vue.js 做 SSR 的第一哩路 - Ralph - 2018
• SSR — Nuxt.js 超入門 - Medium - 2019
• [YouTube] Vue Nuxt 介紹與實作範例 - 六角學院 - 2018
• [YouTube] 👨‍💻 Nuxt 怎麼一回事｜#1 起源、環境安裝與第一次的開發 - Alex 宅開發 - 2019

Vuetify

• Vuetify - 官方教學文件

Vite

• 是什麼導致尤大大選擇放棄Webpack？【vite 原理解析】 - 每日頭條

PreRender-spa

• 使用 prerender-spa-plugin 預渲染單頁應用 - Roya’s Blog - 2020
• 基於prerender-spa-plugin的Vue.js預渲染實踐 - MdEditor - 2020
• 單頁面的SEO優化：在vue中使用prerender-spa-plugin - itread01 - 2018

PWA 漸進式網頁應用程式

• [iT邦]30 天 Progressive Web App 學習筆記 - iamya - 2016
• Google Chrome 必學秘技！讓網頁一鍵變身桌面 App - 3C科技 - 2019
• 記錄一次基於vue、typescript、pwa的項目由開發到部署 - Medium - 2019
• [iT邦]什麼是漸進式網頁應用(Progressive Web Application) - rehome - 2019

小技巧

• 父子關係

  • 父元件呼叫子元件方法及事件 - 程式前沿 - 2018

• 部署Github

  • 將Vue專案部署至Github Pages - Medium - 2019

模板

• 10+ Top Vue.js Free Templates for 2021 - creative-tim - 2021

插件

• Vue.js Examples - 總匯

• 實用的vue插件大匯總，趕緊收藏起來 - 每日頭條 - 2018

• 虛擬滾動

  • vue-virtual-scroll-list - Github - 2019
  • vue-virtual-scroller - Github - 2020

• 格式化時間

  • vue+moment.js使用 - segmentfault - 2019
  • vue中使用Moment.js - CSDN - 2019

Blog 參考

• vue-blog - Github - 2019
• vue-element-admin

API

• 如何在 Vue-CLI 建立的開發環境呼叫跨域遠端 RESTful APIs - Kuro’s Blog - 2017
• Vue專案中的API管理及封裝 - 企鵝也懂程式設計 - 2019
• Vue Axios之生產/開發環境跨域問題解決 - 知乎 - 2020

性能優化

• Vue 項目性能優化— 實踐指南（網上最全/ 詳細） - 掘金 - 2019
• [iT邦] Vue Speed Level Up - Peter Lu - 2020
• 面試官問Vue 性能優化，我該怎麼回答？ - 畫漫畫的程序員 - 2021

其他

• VueJS 教學筆記: 正規表示法 - hackmd - 2019
• Vue系列-import動態引入的坑 - IT人 - 2020