Vuex模块化(module)实例详解

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

本文主要和大家介绍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的状态