Vuex

　　Vuex是一個全局狀態管理的插件，用來讓全部頁面共享數據

 

配置

　　1.找到須要安裝vuex的項目，在該路徑下用git，命令爲npm install vuex --save（也可用cnpm節省時間）

　　2.安裝完成後，在src文件夾下的main.js裏導入store

　　

　　3.src文件夾下添加store文件夾，裏面添加一個index.js文件，在內部添加以下內容

　　這裏最開始的import是爲了導入vuex，以後的use是讓全局環境下能夠用vuex，state即共享的數據，actions裏的方法是爲了回調mutations裏的方法

　　

　　4.在src文件夾下的main.js裏的vue實例中導入store

　　

 

使用

調用數據

　　須要調用state裏的值時，只須要在某個頁面中用this.$store.state.名稱便可

　　

　　

修改數據

　　若是須要修改公共的數據，在某個頁面中使用this.$store.dispatch方法

　　該方法中傳入至少一個參數，第一個爲調用store文件夾下的index.js中的actions裏的函數名，第二個則是往這個函數中傳入的參數（具體傳入幾個，看commit後的參數個數）

　　

　　執行的結果以下

　　

　　整個執行過程以下：

　　1.dispatch接收了兩個參數，從而調用了index.js裏的actions裏的inc方法

　　2.actions裏的inc方法回調了mutations裏的increment方法，並把從dispatch接收的2000傳入

　　3.increment方法裏把2000傳入第二個參數，從而修改了公共數據中的num的值，所以調用的num變成了2000

　　這裏mutations裏的函數的第一個參數固定爲state