Vuex模块化(module)实例详解

发布日期： 2018-01-31 阅读量： 作者： 网络

本文主要和大家介绍vuex 模块化(module)，小编觉得挺不错的，现在分享给大家，也给大家做个参考，希望能帮助到大家。

一、为什么需要模块化

前面我们讲到的例子都在一个状态树里进行，当一个项目比较大时，所有的状态都集中在一起会得到一个比较大的对象，进而显得臃肿，难以维护。为了解决这个问题，Vuex允许我们将store分割成模块（module），每个module有自己的state，mutation，action，getter，甚至还可以往下嵌套模块，下面我们看一个典型的模块化例子

const moduleA = {
 state: {....},
 mutations: {....},
 actions: {....},
 getters: {....}
}

const moduleB = {
 state: {....},
 mutations: {....},
 actions: {....},
 getters: {....}
}

const store = new Vuex.Store({
 modules: {
 a: moduleA,
 b: moduleB
 }
})

store.state.a // moduleA的状态
store.state.b // moduleB的状态

# module # Vuex # 模块化

上一篇: 怎么查看linux下的所有用户

Vuex模块化(module)实例详解

随便看看