项目中vuex的加入

1,

由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。

为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:

项目中vuex的加入

2,index.js就是所有store的集合体

项目中vuex的加入

项目中vuex的加入

2,默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。

因此我们在组件中接收state的值使用mapGetters方法,而不是getStates方法(不是全局的)

3,actions,mutations和getters的使用

项目中vuex的加入