//index.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
  // 在这里定义你的Vuex模块和命名空间
  modules: {
    myModule: {
      namespaced: true, // 启用命名空间
      state: {
        // 定义模块的状态
      },
      mutations: {
        // 定义模块的mutations
      },
      actions: {
        // 定义模块的actions
      },
      getters: {
        // 定义模块的getters
      }
    }
  }
});
export default store;
//引入Vuex并使用模块命名空间的方法
import store from './path/to/store';
// 访问模块的状态
console.log(store.state.myModule.myState);
// 调用模块的mutation
store.commit('myModule/myMutation', payload);
// 调用模块的action
store.dispatch('myModule/myAction', payload);
// 获取模块的getter
console.log(store.getters['myModule/myGetter']);
Last Updated:
Contributors: pengrengui