Vuex的模块化

一、
1、 state: 共享的数据
2、mutations:同步操作，修改state数据的唯一方法 第一个形参是state数据 第二个形参是外面传入的数据
3、actions:存储修改，异步操作 第一个参数表示上下文对象，第二个表示外部传入的数据
4、getters：类似于计算属性,不允许修改 ,对state数据进行包装加工处理
5、modules:模块化

二、modules是什么？

为了让状态管理变得清晰，容易维护，适用于比较复杂的大型项目。可以拥有属于自己的state、mutation、action、getters、modules 互不影响。

三、如何实现模块化
创建

export default new Vuex.Store({
  state: {},
  getters:{},
  mutations: {},
  actions: {},
  modules: {
  	模块名1:{
            state:()=>({}),
            getters:{},
            mutations:{},
            actions:{},
            modules:{}
    },
    模块名2:{
            state:()=>({}),
            getters:{},
            mutations:{},
            actions:{},
            modules:{}
     }
  }
})

模块1.js

export default ({
  	state: {},
  	getters:{},
 	mutations: {},
  	actions: {},
 	modules:{}
  }
})

index.js 中导入模块

import 模块1 from './modules/模块1';
import 模块2 from './modules/模块2';

export default new Vuex.Store({
  state: {},
  getters:{},
  mutations: {},
  actions: {},
  modules: {
  	模块名1,
    模块名2
  }
})