vuex之五大属性相关使用

1.vuex的五大属性：state, getters, mutations, actions, modules

(1）state：vuex的基本数据，用来存储变量

state是放置所有公共状态的属性，如果你有一个公共状态 ， 你只需要定义在 state对象中

(2). getter：从基本数据(state)派生的数据，相当于state的计算属性,具有返回值的方法:

除了state之外，有时我们还需要从state中派生出一些状态，这些状态是依赖state的，此时会用到getters（可以使用 getters 来获取 state 中的数据）自己总结：相当于是 state 的计算属性

3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。

state数据的修改只能通过mutations，并且mutations必须是同步更新，目的是形成数据快照

数据快照：一次mutation的执行，立刻得到一种视图状态，因为是立刻，所以必须是同步

mutations是一个对象，对象中存放修改state的方法

4. action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。

actions则负责进行异步操作，处理的结果交给 muations

方式一：原始调用 - $store;

方式二：辅助函数 - mapActions    ---->第一步：导入mapActions;第二步：利用扩展运算符将导出的 actions 映射给 methods

 5. modules：模块化vuex，可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。
简单来说就是可以把以上的 state、mutation、action、getters 整合成一个user.js,然后放到store.js里面