一、vue是什么？
相關網頁： https://vuejs.bootcss.com/v2/guide/ 及菜鳥教程 https://www.runoob.com/vue2/vue-tutorial.html
vue.js是一套構建用戶界面的漸進式框架；它只關注圖層，采用自底向上增量開發的設計；它的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。vue完全有能力驅動采用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用。其實拋開官方的一些不知所雲的說法，
簡單來說，在傳統web開發中，我們搭建項目都以html結構為基礎，然后通過jquery或者js來添加各種特效功能，需要去選中每一個元素進行命令，這些內容在簡單的項目中或者不變的項目中還能應付得來，一旦項目改動或者項目工程較大，代碼的修改將是復雜繁瑣的，而這時候用了vue，這些問題都不復存在。在比如一些單網頁制作成的應用程序，一般涉及到數據交互的內容都很多，而應用了vue之后將大大縮減工作量。
vue在web開發，網站制作中有哪些顯著優勢？
1.數據綁定：vue會根據對應的元素，進行設置元素數據，通過輸入框，以及get獲取數據等多種方式進行數據的實時綁定，進行網頁及應用的數據渲染 。
2.組件式開發：通過vue的模塊封裝，它可以將一個web開發中設計的各種模塊進行拆分，變成單獨的組件，然后通過數據綁定，調用對應模版組件，同時傳入參數，即可完成對整個項目的開發。
二、根據本尊推薦的順序 https://zhuanlan.zhihu.com/p/23134551 進行以下各其他知識的學習
三、路由vue-router<我把它理解為一個a標簽，只是其不大一樣>
這里的路由並不是指我們平時所說的硬件路由器，這里的路由就是SPA（單頁應用）的路徑管理器。再通俗的說，vue-router就是WebApp的鏈接路徑管理系統。
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用於構建單頁面應用。vue的單頁面應用是基於路由和組件的，路由用於設定訪問路徑，並將路徑和組件映射起來。傳統的頁面應用，是用一些超鏈接來實現頁面切換和跳轉的。在vue-router單頁面應用中，則是路徑之間的切換，也就是組件的切換。路由模塊的本質 就是建立起url和頁面之間的映射關系。
至於我們為啥不能用a標簽，這是因為用Vue做的都是單頁應用（當你的項目准備打包時，運行npm run build時，就會生成dist文件夾，這里面只有靜態資源和一個index.html頁面），所以你寫的<a></a>標簽是不起作用的，你必須使用vue-router來進行管理。
至於其他關於這方面的只是可以查看 https://router.vuejs.org/zh/ 及 https://www.jianshu.com/p/4c5c99abb864
四、vuex：
它是一個專門為vue.js應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態，並以相應的規則保證狀態以一種可預測的方式發生變化。Vuex 也集成到 Vue 的官方調試工具 devtools extension ，提供了諸如零配置的 time-travel 調試、狀態快照導入導出等高級調試功能。
具體可以查看 https://vuex.vuejs.org/zh/ 及 https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc
五、前端工程化：<個人理解為分工合作,提高效率還方便以后管理修改>
具體可以查看 https://www.cnblogs.com/onebox/p/9570518.html https://www.cnblogs.com/fsyz/p/8274727.html 以及ttps://blog.csdn.net/yxf15732625262/article/details/61668980
六、Node.js <感覺是把一些需要后端實現的挪到了前端>
簡單的說 Node.js 就是運行在服務端的 JavaScript。
Node.js 是一個基於Chrome JavaScript 運行時建立的一個平台。
Node.js是一個事件驅動I/O服務端JavaScript環境，基於Google的V8引擎，V8引擎執行Javascript的速度非常快，性能非常好。
具體可以查看 https://www.nodeapp.cn/documentation.html 及 https://www.runoob.com/nodejs/nodejs-tutorial.html
七、npm:
它是世界上最大的軟件注冊表，每星期大約有 30 億次的下載量，包含超過 600000 個 包（package） （即，代碼模塊）。來自各大洲的開源軟件開發者使用 npm 互相分享和借鑒。包的結構使您能夠輕松跟蹤依賴項和版本。
npm 由三個獨立的部分組成：
- 網站
- 注冊表（registry）
- 命令行工具 (CLI)
網站 是開發者查找包（package）、設置參數以及管理 npm 使用體驗的主要途徑。
注冊表 是一個巨大的數據庫，保存了每個包（package）的信息。
CLI 通過命令行或終端運行。開發者通過 CLI 與 npm 打交道。
具體可以查看 https://www.npmjs.cn/getting-started/what-is-npm/
八、Webpack：
webpack 是一個現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關系圖(dependency graph)，其中包含應用程序需要的每個模塊，然后將所有這些模塊打包成一個或多個 bundle。
具體可以查看 https://www.webpackjs.com/concepts/ 特別是 https://www.webpackjs.com/api/loaders/
九、vue-cli：
CLI (@vue/cli) 是一個全局安裝的 npm 包，提供了終端里的 vue 命令。它可以通過 vue create 快速創建一個新項目的腳手架，或者直接通過 vue serve 構建新想法的原型。你也可以通過 vue ui 通過一套圖形化界面管理你的所有項目。
具體查看 https://cli.vuejs.org/zh/guide/
十、require.js：
require.js是一個js腳本加載器，它遵循AMD(Asynchronous Module Definition)規范，實現js腳本的異步加載，不阻塞頁面的渲染和其后的腳本的執行，並提供了在加載完成之后的執行相應回調函數的功能
具體查看 https://www.cnblogs.com/ngy0217/p/8780966.html
其他：element
一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫！ https://element.eleme.cn/#/zh-CN