vuex - 如何将 Vuex mapGetters 与 Vue 3 SFC 脚本设置语法一起使用？

Question

我正在将组件从常规 Vue 3 Composition API 重构为脚本设置语法。初始点:

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

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

当前 Vue v3 migration documentation , SFC Composition API Syntax Sugar (<脚本设置>) , 链接到此 RFC 页面: https://github.com/vuejs/rfcs/pull/182
只有一个使用计算 react 性属性的示例:

export const computedMsg = computed(() => props.msg + '!!!')

由于目前没有可用的 Vuex 4 文档提到 <scrip setup> , 我仍然不清楚我应该如何使用 mapGetters什么时候使用这个语法？或者使用 Vuex 4 解决这个问题的正确方法是什么？

Answer 1

到目前为止，这种语法似乎有效。但是，我希望 Vuex 能够开发一种更简洁的方法来为模板公开计算出的 getter。
如果您知道更好的方法，我们很乐意听到!

<script setup lang="ts">
import { mapGetters } from 'vuex';

export const name = 'MyCoolBareComponent';

export default {
  computed: {
    ...mapGetters('user', ['profile', 'roles']),
  },
};
</script>