Vuex基本使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。简单理解为它是用来存放一些各个组件共享的数据，并支持修改、获取。
Vuex可以理解为一个store对象，包含了state，getters，mutations，actions，modules几个部分。
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
},
actions: {
increment (context) {
context.commit(‘increment’)
}
}，
getters: {
doneTodos: state => {
return state.todos.filter(todo => todo.done)
}
}
})
为了看起来更清晰，也可以将各个部分写到不同的文件，然后导入，类似如下：

state 负责存放数据
getters 获取数据
mutations 提交数据改变
actions 行为方法