javascript - Vuex模块: Can't use mapActions

Question

我无法使用mapActions指出我的模块的操作之一。根据文档，默认情况下，模块操作在 Vuex 中没有命名空间，因此我的模块的操作应该像主存储操作一样可用。这是我的设置:

商店

import * as ModuleA from './ModuleA';
Vue.use(Vuex);

export default new Vuex.Store({
    state: { ... },
    getters: { ... },
    mutations: {  ... },
    actions: {  ... },
    modules: {
      A: ModuleA,
    }
});

模块A

let ModA = {
    state: { ... },
    getters: { ... },
    mutations: {  ... },
    actions: {
        FuncA: function({ commit }, id) {
            //do something
        },
    },
});

export default ModA;

组件

<template>
    ...
</template>
<script>
    import { mapGetters, mapActions } from "vuex";
    export default {
        data() {
        },
        methods: {
            ...mapActions(['FuncA']),
        }
    }
};
</script>

运行它，Vuex 给出以下消息:

unknown action type: FuncA

我错过了什么？肯定和我的专业不是JS有关。 :)

Answer 1

我很高兴这解决了您的问题:

所以代替:

import * as ModuleA from './ModuleA';

使用:

import ModuleA from './ModuleA'

默认导出可以使用任何别名直接导入。