vuex使用帮助函数

一、获取调用vuex中的值

//直热门使用this.$store不使用...mapGetters就可以不用Import
import {mapGetters} from 'vuex'
//要用vuex里的的值还要搞这个玩意
    computed:{
        // 使用...对象展开运算符将 getter中的userinfo 混入 computed(计算属性 依赖一个值运算) 对象中
        // 不用...也可以用下面这种方法
      //或者说...就是转为这种形态
        // userInfo(){
        //  return this.$store.getters.userInfo;
        // }
      //放在计算属性我就有一个userinfo的计算属性 
      //这个计算属性的getter依赖store.geetters.userinfo
      // userInfo:{
      //  //默认只有get就想上面那个一样
      //   get:function(){
      //     return this.$store.getters.userInfo;
      //   },
      //   set:function(){
      //   }
      // }
      //mapGetters方法返回一个对象用...进行展开
      ...mapGetters(['userInfo'])
    }

二、调用mutationsc对象中的setPagevarible中的属性方法设置vuex里的值

this.$store.commit('setPageVariable', 0)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值