狀態(tài)管理器是一個全局的數(shù)據(jù)倉庫,任何組件都可以訪問到這里的數(shù)據(jù)。它采用集中式存儲管理應用的所有組件的狀態(tài),并以相應的規(guī)則保證以一種可預測的方式發(fā)生變化。
>[success] Vuex中的數(shù)據(jù)存儲在**state**中,并且并不能直接修改**state**中的數(shù)據(jù),必須使用**mutation**修改state中的數(shù)據(jù)。
~~~
// 如果在模塊化構建系統(tǒng)中,請確保在開頭調用了 Vue.use(Vuex)
const store = new Vuex.Store({
state: { //數(shù)據(jù)源
count: 0
},
mutations: { //修改數(shù)據(jù)
increment (state) {
state.count++
}
}
})
~~~
現(xiàn)在,你可以通過`store.state`來獲取狀態(tài)對象,以及通過`store.commit`方法觸發(fā)狀態(tài)變更:
~~~
store.commit('increment') //調用mutations中的increment 方法修改數(shù)據(jù)
console.log(store.state.count) // -> 1
~~~
