mapGetters是Vuex提供的一个辅助函数,用于获取store中的getter函数,可以通过对象展开运算符将getter函数映射到组件的计算属性中。

使用步骤如下:

  1. 在组件中导入mapGetters函数:
import { mapGetters } from 'vuex';
  1. 在组件的计算属性中使用mapGetters函数将getter函数映射到计算属性中:
computed: {
  ...mapGetters(['getterName1', 'getterName2']),
}

这样就可以在组件中通过this.getterName1和this.getterName2来访问store中的getter函数的返回值了。

如果你希望将getter函数映射到计算属性中时使用不同的属性名,可以将mapGetters的参数从字符串改为对象形式:

computed: {
  ...mapGetters({
    aliasName1: 'getterName1',
    aliasName2: 'getterName2',
  }),
}

这样就可以通过this.aliasName1和this.aliasName2来访问store中的getter函数的返回值了

mapGetters怎么用

原文地址: http://www.cveoy.top/t/topic/iR0n 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录