Vuex笔记(一)---个人概念理解

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
Vuex笔记(一)---个人概念理解

State

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

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

Getter

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

访问方法:
1.使用辅助函数:mapGetters
2.子组件能通过 this.$store.getters
3.通过方法访问:getters: {}

Mutation

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

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

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

Action

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

访问方法:
1.使用辅助函数:mapActions
2.通过 store.dispatch 方法触发

Module

Vuex 允许我们将 store 分割成模块(module)。

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