yarn add vuex
添加 vuex 的依賴
vuex 引入方式和 vue-router 一樣
Vue.use(Vuex)
//創(chuàng)建Store實例
const store = new Vuex.Store({
// 存儲狀態(tài)值
state: {
...
},
// 狀態(tài)值的改變方法,操作狀態(tài)值
// 提交mutations是更改Vuex狀態(tài)的唯一方法
mutations: {
...
},
// 在store中定義getters(可以認(rèn)為是store的計算屬性)。Getters接收state作為其第一個函數(shù)
getters: {
...
},
actions: {
...
}
})
// 要改變狀態(tài)值只能通過提交mutations來完成