文章来源：

• Vuex 的基本使用
• Vuex 插件安装 install 逻辑
• Vuex 中 State 状态的实现
• Vuex 中 Getters 的实现
• Vuex 中 Mutations 和 Actions 的实现
• Vuex 的模块收集

Vuex 的基本使用

Vuex 工作流程

vuex 为项目开发提供了状态管理及数据共享能力；

在项目开发中，使用 vuex 能够将所有的数据统一存储到一个 store 容器中进行管理；

如下图所示，绿色虚线框即为 vuex 的管理范围，表示一个容器：

• 在 vuex 中，进行统一的项目状态管理，可以通过 vuex 将状态映射到项目任何组件；
• 在 vuex 中，通过 mutation 是更新状态的唯一方式；
• 状态同步更新：通过直接将结果提交到 mutation，实现状态的同步更新；
• 状态异步更新：通过调用 dispatch 方法，触发对应 action 执行异步操作，并将异步操作的结果提交至 mutation 实现状态的同步更新；
• 日常项目开发中，也可以借助 vuex 的状态管理特性，实现前端的数据缓存功能；

⭐️ actionType

• 我们通常为了统一工作流，项目中不管是不是异步，都要用 action 进行事件派发