Vuex

102 阅读1分钟

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

1.为什么要使用Vuex?

我们通信的目的往往就是在组件之间传递数据或组件的状态,进而更改状态。但可以看到如果我们通过最基本的方式来进行通信,一旦需要管理的状态多了,代码就会变得十分混乱。尤其出现跨组件数据通信时很麻烦,对所有状态的管理便会显得力不从心。所以我们引入了Vuex,我们通过把公用的状态都抽取出来按照一定的规则对状态进行管理。

vuex由以下几部分组成:

  • state 存放状态
  • mutations修改状态的方法(同步)
  • getters获取状态值
  • actions异步修改状态(异步)
  • modules分块管理状态容器

在使用过程中我们尽量通过dispatch容器中的actions 在actions中通过commit mutations来改变状态或者进行其他操作,因为actions更强大,便于以后的扩展。