vuex的简单认识_vuex简单例子

1. 初始化数据、配置actions、配置mutations，操作文件store

State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。

Getter：允许组件从 store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。

Mutation：是唯一更改 store 中状态的方法，且必须是同步函数。

Action：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。

Module：可以将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块

2、vuex的四个map方法的使用

1. mapState方法：用于帮助我们映射state中的数据为计算属性

2. mapGetters方法：用于帮助我们映射getters中的数据为计算属性

3. mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx的函数

4. mapMutations方法：用于帮助我们生成与mutations对话的方法，即：包含$store.commit(xxx)的函数

**注：mapActions与mapMutations使用时，若需要传递参数：在模板中绑定事件时就传递好参数，否则参数就是事件对象**