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)

你可能感兴趣的:(vue)