在 Vuex 4 和 Vue 3 中使用 \`mapActions\` 或 \`mapGetters\`

Question

任何人都知道如何使用 mapState Vue 3 - 或 mapGetters setup 我知道可以将商店与 useStore 钩子一起使用，但是有了这个钩子 我们导入所有商店，同时使用 mapState 或 mapGetters module :

 // ...

computed: {
   ...mapGetters('myModule', [
      'myStateVariable'
   ]
)

//...

原文由 Adri HM 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

也许是这样的：

 import { computed }  from 'vue';
import { useStore } from 'vuex';

const module = 'myModule';

export default {
    setup() {
        const store = useStore();

        return {
            // getter
            one: computed(() => store.getters[`${module}/myStateVariable`],

            // state
            two: computed(() => store.state[module].myStateVariable,
        };
    },
};

原文由 Matt Deacalion 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

据我所知，它们变平了，所以你不能使用 myModule/myStateVariable ，但是 myStateVariable 应该可以。

这可能会随着 Vuex 进入 RC 版本而改变，但现在如果你尝试两次使用相同的 getter，你会得到这个错误

原文由 Daniel 发布，翻译遵循 CC BY-SA 4.0 许可协议