核心
Vuex的核心是store
,具有以下特點:
- 響應(yīng)式的狀態(tài)存儲烫映,數(shù)據(jù)組件同步更新
- 無法顯式更改
store
中的數(shù)據(jù),只能通過提交mutations
(事務(wù))來改變
** 簡單使用 **
// 在開頭調(diào)用 Vue.use(Vuex)
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
}
})
// 提交事務(wù)觸發(fā)數(shù)據(jù)變動
store.commit('increment')
console.log(store.state.count) // -> 1