首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vuex中的mapGetters

Vuex中的mapGetters

作者头像
全栈程序员站长
发布2022-07-01 14:17:49
发布2022-07-01 14:17:49
7490
举报

大家好,又见面了,我是你们的朋友全栈君。

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

语法是

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

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

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

代码语言:javascript
复制
...mapGetters({
  // 把 `this.doneCount` 映射为 `this.$store.getters.doneTodosCount`
  doneCount: 'doneTodosCount'
})

// 下边就可以使用 this.doneCount

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/131209.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档