如何在Vuex中调用多个命名空间模块

const moduleA = {
  namespaced: true,
  // ...
};

const moduleB = {
  namespaced: true,
  // ...
};

import { mapState, mapGetters, mapActions, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapState('moduleA', {
      aData: state => state.data
    }),
    ...mapGetters('moduleB', {
      bData: 'getData'
    })
  },
  methods: {
    ...mapActions('moduleA', ['fetchData']),
    ...mapMutations('moduleB', ['setData'])
  }
};

this.aData; // 访问模块A的状态
this.bData; // 访问模块B的计算属性

this.fetchData(); // 调用模块A的动作
this.setData(); // 调用模块B的突变

import Vue from 'vue';
import Vuex from 'vuex';
import moduleA from './modules/moduleA';
import moduleB from './modules/moduleB';

Vue.use(Vuex);

export default new Vuex.Store({
  modules: {
    moduleA,
    moduleB
  },
  // ...
});