vue3如何使用computed和..mapGetters

Vue3 中使用 computed 和 mapGetters 的方法与 Vue2 相似。首先，你需要在组件中导入 computed 和 mapGetters：

import { computed, mapGetters } from 'vuex'

然后，你可以在组件中使用 computed 和 mapGetters：

export default {
  computed: {
    ...mapGetters(['getterName']),
    computedName() {
      // 计算属性的代码
    }
  }
}

其中，mapGetters 是一个辅助函数，它可以将 store 中的 getter 映射到组件的计算属性中。在上面的例子中，getterName 是 store 中的一个 getter，computedName 是组件中的一个计算属性。

注意，如果你使用的是 TypeScript，你需要在组件中声明 getterName 的类型：

import { Getter } from 'vuex'

export default {
  computed: {
    ...mapGetters(['getterName']),
    computedName(): ReturnType<Getter<'getterName'>> {
      // 计算属性的代码
    }
  }
}

至于如何使用 computed 和 mapGetters，这里就不再赘述了，因为这是 Vue 的基础知识。如果你不熟悉 Vue 的计算属性和 Vuex 的 getter，建议先学习一下官方文档。