Vue.js 如何将Vuex映射器与Vue 3 SFC脚本设置语法一起使用?

Vue.js 如何将Vuex映射器与Vue 3 SFC脚本设置语法一起使用?,vue.js,vuex,vuejs3,vue-composition-api,vuex4,Vue.js,Vuex,Vuejs3,Vue Composition Api,Vuex4,我正在将组件从常规的VUE3合成API重构为脚本设置语法。起点: <script lang="ts"> import { defineComponent, computed } from 'vue'; import { mapGetters } from 'vuex'; export default defineComponent({ name: 'MyCoolBareComponent', computed: { ...mapGetters('

我正在将组件从常规的VUE3合成API重构为脚本设置语法。起点:

<script lang="ts">
import { defineComponent, computed } from 'vue';
import { mapGetters } from 'vuex';

export default defineComponent({
  name: 'MyCoolBareComponent',
  computed: {
    ...mapGetters('auth', ['isAdmin']),
  },
});
</script>

由于当前没有提到
的Vuex 4文档,我仍然不清楚在使用此语法时应如何使用
映射器?或者Vuex 4的正确方法是什么?

到目前为止,这种语法似乎很有效。然而,我希望Vuex能够开发出一种更干净的方法来公开模板的计算getter

如果你知道更好的方法,我们很乐意听到


从“vuex”导入{mapGetters};
导出常量名称='MyCoolBareComponent';
导出默认值{
计算:{
…映射器('user'、['profile'、'roles']),
},
};
export const computedMsg = computed(() => props.msg + '!!!')