一、vuex是什么？

官方定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

二、工作原理

如果不是很明白上面的后半句话，我们不如打个比方，以相亲为例：

假设你们村里的少男少女都很腼腆，害羞得不行，你也不例外。正因为这样，你们村出一个男女通的媒婆，手里掌握着村的所有未婚男女资源（状态）。有一天，男一号（你）看上了一位貌美如花的姑娘（G），但你不敢也不能直接去表白，不过你可以以某种方式（方法）告诉媒婆：你喜欢上了 G，让她帮你传情。媒婆收到你的请求后，用她自己独有的方式（方法）来告诉你的女神 G，不管女神 G 喜欢不喜欢你，此时她心里肯定是在翻腾的，身体内的某种激素肯定会有所波动（变量）。

官方原理图：

三、vuex知识点

1、store：相当于一个容器，它是响应式的，在全局都可以使用它；一个应用里只能定义一个store容器。

2、state：这里面放了各种状态（变量）。

3、getters：在组件内部获取store中状态的函数。

4、mutations：唯一用来修改状态的回调函数。

5、actions：包含异步操作，提交mutations来修改状态。

6、module：将store分割成不同的模块。

四、主要文件结构