vuex中的this.$store.commit的使用：
使用場景：
平行組件之間傳遞數據，很多數據需要多個組件循環使用；如：用戶的登錄，注冊；
使用方法：
1.安裝vueX
npm install vuex --save
2.在index.html同級新建文件夾store，在文件夾內新建index.js文件，這個文件我們用來組裝模塊並導出 store 的文件
一、 獲取store中的數據：
3.store.js
import Vue from 'vue'
import Vuex from 'vuex'
// 告訴 vue “使用” vuex
Vue.use(Vuex)
// 創建一個對象來保存應用啟動時的初始狀態
// 需要維護的狀態
const store = new Vuex.Store({
state: {
// 放置初始狀態 app啟動的時候的全局的初始值
login: false,//用戶登錄狀態
}
})
// 整合初始狀態和變更函數，我們就得到了我們所需的 store
// 至此，這個 store 就可以連接到我們的應用中
export default store
4.在main.js中注冊store，這樣所有的組件都可以使用store中的數據了
5.使用state里的數據：
使用方法：使用計算屬性返回store中的一個數據到新的屬性上，在模板中直接使用這個屬性就可以了
二、在組件中修改state中的狀態：
1.在任意組件中添加html模板
2.組件中提交mutation
3.在store中的index.js中添加mutations：
這樣你發現，在點擊提交按鈕的時候，頁面已經顯示你修改的數據了，並且所有復用這個組件的地方的數據全都被vue更新了；
轉自https://blog.csdn.net/jingtian678/article/details/81481075