vuex是一个个专为 Vue.js 应用程序开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法就是在mutaions里修改state，actions不能直接修改state

共有五个属性

1. state 数据存贮
2. getter state的计算属性
3. mutation 更改state中状态的逻辑 同步操作 （不可以写，因为mutation被触发时函数还没有被调用）
4. action 提交mutation 异步操作 （可以写函数）
5. model 模块化

一、state 基本数据，存储变量

使用时 this.$store.state.info 或这使用mapState获取。

二、getter 从基本数据（state）派生的数据，相当于state的计算属性；

使用时 this.$store.getters 或这使用mapGetters获取。

三、mutations

写法： this.$store.commit(‘mutations方法名’,值) ||| commit是同步操作

mutaions 会接受 state 作为第一个参数，提交载荷作为第二个参数。用来直接修改state中的值

四、actions

和mutaions 功能是大致相同的，不同之处在于actions是提交Mutaions来修改state的

写法如图

context 中包含多个值

        state,   等同于store.$state，若在模块中则为局部状态        rootState,   等同于store.$state,只存在模块中        commit,   等同于store.$commit        dispatch,   等同于store.$dispatch        getters   等同于store.$getters

可以解构单用其中几个

例

五、modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰