1、State(状态):Vuex 中存储应用程序状态的位置,所有的状态都存储在这个地方。State 是一个普通的 JavaScript 对象,包含了需要共享的数据。
2、Mutation(变更):状态只能通过 mutation 进行更改,它们是更改 Vuex store 中 state 唯一方法。
Mutation 是 Vuex 中更改 state 的函数,每个 Mutation 都有一个字符串类型的事件类型和一个回调函数。当一个 mutation 被触发时,相关的状态都会被更新。
3、Getter(获取器):计算 Vuex store 中的状态的属性,Getter 接收 state 作为第一个参数,可以接收其他 getter 作为第二个参数,它们都会返回计算后的值。
4、Action(动作):异步修改状态的操作,Action 可以包含任意异步操作,最后由 Mutation 去更改 state。
Action 通过调用一个或多个 Mutation 来更改 state。Action 可以包含任意异步操作,并且可以访问 Vuex state,getter 和其他 action。
5、Module(模块):将 VueX store 分割为多个模块化的一部分,每个模块都有自己的 state,mutation、action、getter。Vuex modules 允许我们将 state 分割成更小、更可组合的部分,使代码更易于维护。
每个模块可以具有属于自己的 state、mutation、action、getter
简单来说,State 存储数据,Mutation 更改数据,Getter 计算数据,Action 异步修改数据,Module 将 State、Mutation、Action、Getter 分割为模块,分模块开发更易于维护。