Vuex实现模块式开发

如果项目过大,组件过多,接口也很多,数据也很多,可以让Vuex实现模块式开发 模拟state存储数据

{ home:{}, search:{} }

模块代码home(例)

//home模块的小仓库
const state = {a:1};
const mutations ={};
const actions = {};
const getters = {};
export default {
    state,
    mutations,
    actions,
    getters
}

store下的index.js

import Vue from 'vue';
import Vuex from 'vuex';
//需要使用插件一次
Vue.use(Vuex);
//引入小仓库
import home from './home';
import search  from './search';
export default new Vuex.Store({
  //实现Vuex仓库模块式开发存储数据
  modules:{
      home,
      search
  }
})