查看參考地址: https://vuex.vuejs.org/zh/
vuex 狀態管理模式,相當于數據的中間商
注意: === 為相同
屬性有:
1.State === vue中的data —> 存放數據
2.Getter === vue中的計算屬性computed —>將已有的數據進行計算再次利用
3.Mutation === vue中的方法集methods —> 創建函數調用
4.Action === vue中的監聽器watch —> 時刻關注 data 中 數值的變化
5.Module === 相當于開啟了另一個分支,每個模塊擁有自己的 state、mutation、action、getter、甚至是嵌套子模塊——從上至下進行同樣方式的分割:
const moduleA = {state: () => ({ ... }),mutations: { ... },actions: { ... },getters: { ... }
}const moduleB = {state: () => ({ ... }),mutations: { ... },actions: { ... }
}const store = new Vuex.Store({modules: {a: moduleA,b: moduleB}
})store.state.a // -> moduleA 的狀態
store.state.b // -> moduleB 的狀態