vue3中使用mapGetters

可以通过以下方式在Vue3中使用mapGetters：

1. 首先，在Vue组件中引入mapGetters方法：

import { mapGetters } from 'vuex'

2. 然后，在组件的计算属性中使用mapGetters方法：

computed: {
...mapGetters([
'getterName1',
'getterName2'
])
}

3. 最后，在模板中使用计算属性中的getter：

<div>{{ getterName1 }}</div>
<div>{{ getterName2 }}</div>

这样就可以在Vue3中使用mapGetters了。

相关问题

vue3使用mapGetters

在Vue3中，使用mapGetters可以将store中的getters映射到组件的计算属性中。具体使用方法如下：

1. 在组件中引入mapGetters方法：import { mapGetters } from 'vuex'
2. 在计算属性中使用mapGetters方法：computed: { ...mapGetters(['getterName']) }
3. 在模板中使用计算属性：{{ getterName }}
其中，getterName为store中定义的getter名称。

vue3 使用扩展运算符使用mapGetters

可以这样使用：

import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getterName1', 'getterName2'])
  }
}

其中，`getterName1` 和 `getterName2` 是你在 Vuex store 中定义的 getter 名称。使用扩展运算符可以将这些 getter 直接映射到组件的计算属性中，方便使用。