Vuex笔记（一）---个人总结概念

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

State

需要共用的数据（跟组件、项目、模块所相关最底层的数据）都放在state里。

访问方法：
1.使用辅助函数：mapState
2.子组件能通过 this.$store.state

Getter

对数据进行映射。
getters可以是个函数，类似计算属性，可以根据state不同值计算一个新的值。getters里面也可以写一些比较复杂的判断逻辑。
getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。

访问方法：
1.使用辅助函数（一般我用在computed:{}里）：mapGetters
2.子组件能通过 this.$store.getters
3.通过方法访问：getters:{}

Mutation

对定义怎么修改数据的逻辑。
一条重要的原则就是要记住 mutation 必须是同步函数。

访问方法：
1.使用辅助函数（一般我用在methods:{}里）：mapMutations
2.方法访问：mutations: {}，并且{}里面需要以相应的 type 调用 store.commit 方法
3.直接使用包含 type 属性的对象store.commit 方法，再使用方法mutations: {}访问

PS: 可以使用常量替代 Mutation 事件类型（Vuex笔记（二）— store里的分割）

Action

做异步操作或对mutations进行封装。

访问方法：
1.使用辅助函数（一般我用在methods:{}里）：mapActions
2.通过 store.dispatch 方法触发

Module

Vuex 允许我们将 store 分割成模块（module）。

详情知识看官网：https://vuex.vuejs.org/zh/