Vuex中的mapGetters

mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性

语法是

mapGetters(['language',’token‘]) 参数是个数组,数组里是你想要映射的getters里的值

import { mapGetters } from 'vuex';
computed: {
    // 利用使用对象展开运算符将 getter 混入 computed 对象
    ...mapGetters(['language']),
    isPc() {
      return getTerminalType() === 'PC';
    }
 },
created() {
    console.log(this.language);
},

如果想要更改计算属性的名字

...mapGetters({
  // 把 `this.doneCount` 映射为 `this.$store.getters.doneTodosCount`
  doneCount: 'doneTodosCount'
})

// 下边就可以使用 this.doneCount
原创文章 112 获赞 173 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_41229588/article/details/105999177