Vue.js 如何将Vuex映射器与Vue 3 SFC脚本设置语法一起使用?
我正在将组件从常规的VUE3合成API重构为脚本设置语法。起点: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('
<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 + '!!!')