vue应用 - 6. vuex模块化

1. 比如首页是一个模块，下面是首页模块的 state 模块

store/home/index.js
const homeStore = {
  state: {
    count: 0
  },
  mutations: {
    updateCount(state, data) {
      state.count = data;
    }
  },
  actions: {},
  getters: {}
};
export default {
  namespaced: true,
  ...homeStore
};

2. 新建一个js文件引入所有模块的 store

store/index.js
import Vue from "vue";
import Vuex from "vuex";
import homeStore from "./home/index.js";
Vue.use(Vuex);
export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  mutations: {
  },
  actions: {},
  modules: {
    //home 首页模块
    homeStore
  }
});