vue全家桶有什麼呢？vue全家桶包括vue-cli，vue-router，vuex，vue-devtool除錯工具、ui元件庫。
vue-cli大家都稱為是vue的乙個腳手架，能快速搭建出乙個單頁應用環境出來，裡面包含著很多的東西，包括有webpack，npm，nodejs，babel等等。
vue-router是vue官方的乙個路由外掛程式，當我們想做乙個單頁富應用的專案時，就要用到vue-router了，vue-router的作用是當url發生變化的時候，根據url的內容，把對應的元件渲染出來，不用對頁面進行重新整理就可以達到獲取新頁面內容的效果。
vuex是vue的全域性狀態管理工具，vuex裡面有五個屬性，分別是state：用來存放全域性響應式資料，mutations：裡面存放一些用來修改state資料的方法，actions：存在非同步操作的時候呼叫，也是通過間接呼叫mutations裡的方法來修改state的資料，getters：用來快取一些將來可能會用到的state裡面的狀態，類似於computed計算屬性，modula：當我們的隨著開發的深入，元件越來越多越來越複雜，而vuex的思想是單一狀態樹，所以我們可以通過使用modula將這些東西抽離出來作為乙個個獨立的小模組。
vue-devtool除錯工具是谷歌的一款外掛程式，我們在通過mutations修改state裡面的狀態的時候，可以通過devtool監測到是哪個元件修改了state裡面的值，這也涉及到了為什麼我們不要直接通過this.$store.state這樣去直接修改state裡面的狀態，因為這樣修改的話devtool是監測不到到底是哪個元件修改的。
VUE複習全家桶
vue基礎考察 一 computed 和 watch vue中watch的簡單應用 二 class和style vue常用方法以及面試問題 三 v if 和 v show vue常用方法以及面試問題 四 父子元件通訊 非父子元件通訊 vue2.0父子元件以及非父子元件如何通訊 五 單個元件生命週期，...
Vue全家桶構建專案
步驟 一 安裝vue cli 首先，我們可以通過npm安裝vue clic,前提是我們需要有node環境，如果電腦還沒安裝node，先安裝，可通過 node v 查詢node的版本號，有版本號則已經安裝成功 vue全家桶專案構建教程 接下來，我們需要確保電腦已經安裝了webpack，webpack是...
Vue全家桶之vuex
目錄 簡化方法 模組巢狀 vuex原理剖析 vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。它採用集中式儲存管理應用的所有元件的狀態。它是響應式的。安裝vue add vuex使用 import vue from vue import vuex from vuex vue.use v...