如何在Vuex中同时使用非命名空间模块和命名空间模块

const store = new Vuex.Store({
  modules: {
    moduleA: {
      state: { ... },
      mutations: { ... },
      actions: { ... },
      getters: { ... }
    }
  },
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
})

const store = new Vuex.Store({
  modules: {
    moduleB: {
      namespaced: true,
      state: { ... },
      mutations: { ... },
      actions: { ... },
      getters: { ... }
    }
  },
  state: { ... },
  mutations: { ... },
  actions: { ... },
  getters: { ... }
})

// 访问非命名空间模块的状态
this.$store.state.moduleA.stateA

// 提交非命名空间模块的mutation
this.$store.commit('mutationA', payload)

// 分发非命名空间模块的action
this.$store.dispatch('actionA', payload)

// 获取非命名空间模块的getter
this.$store.getters.getterA

// 访问命名空间模块的状态
this.$store.state.moduleB.stateB

// 提交命名空间模块的mutation
this.$store.commit('moduleB/mutationB', payload)

// 分发命名空间模块的action
this.$store.dispatch('moduleB/actionB', payload)

// 获取命名空间模块的getter
this.$store.getters['moduleB/getterB']