vuex的5种状态

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 分割为模块，分模块开发更易于维护。