# 模块化组织Vuex状态

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

为了解决以上问题,建议使用模块化组织Vuex,将store分割成模块。文件结构如下:

├── store
│   ├── index.js
│   ├── state.js
│   ├── getters.js
│   ├── actions.js
│   ├── mutations.js
│   └── modules
│        ├── moduleA.js
│        ├── moduleB.js

然后在 store 的 index.js 文件中引入这些模块:

import moduleA from './modules/moduleA'
import moduleB from './modules/moduleB'

export default new Vuex.Store({
  state,
  getters,
  mutations,
  actions,
  modules: {
    moduleA,
    moduleB
  }
})