状态管理器是一个全局的数据仓库,任何组件都可以访问到这里的数据。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证以一种可预测的方式发生变化。
>[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
~~~