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