安装 | Vuex

<aside> 💡 解决Vuex多个组件共享数据的办法

</aside>

对于组件化开发来说，大型应用的状态往往跨越多个组件。在多层嵌套的父子组件之间传递状态已经十分麻烦，而Vue更是没有为兄弟组件提供直接共享数据的办法。

每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)

• Vue2对应VueX3
• Vue3对应VueX4

安装：npm install vuex@3 --save

一般使用流程

1. 初始化VueX
2. 设置状态
3. 渲染状态
4. 调用Action修改状态
5. Action函数中调用Mutations修改状态

<aside> 💡 Action和Mutations的区别，为什么不直接使用Mutations 回答：Action的主要作用是 获取数据具有延时，Action里面的代码主要是请求数据 在获取到数据后，调用Mutations去修改VueX的状态

</aside>

VueX3 的用法

VueX4的用法

1. 初始化VueX，创建store/index.js文件

下面的代码，包括了初始化VueX、状态、Mutations、Action