Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
1.为什么要使用Vuex?
我们通信的目的往往就是在组件之间传递数据或组件的状态,进而更改状态。但可以看到如果我们通过最基本的方式来进行通信,一旦需要管理的状态多了,代码就会变得十分混乱。尤其出现跨组件数据通信时很麻烦,对所有状态的管理便会显得力不从心。所以我们引入了Vuex,我们通过把公用的状态都抽取出来按照一定的规则对状态进行管理。
vuex由以下几部分组成:
- state 存放状态
- mutations修改状态的方法(同步)
- getters获取状态值
- actions异步修改状态(异步)
- modules分块管理状态容器
在使用过程中我们尽量通过dispatch容器中的actions 在actions中通过commit mutations来改变状态或者进行其他操作,因为actions更强大,便于以后的扩展。