美文网首页
vuex-persist本地存储vuex使用map辅助函数语法

vuex-persist本地存储vuex使用map辅助函数语法

作者: 简约酒馆 | 来源:发表于2019-12-27 18:18 被阅读0次

mapState

computed:{
        ...mapState({                       //  获取主库数据
          stit:"tit"                              //传字符串参数 'tit' 等同于 `state => state.tit`
        }),
        ...mapState('login', {              //获取login模块数据    对象的写法
          tit: 'tit'                                  //传字符串参数 'tit' 等同于 `state => state.login.tit`
        }),
        ...mapState("login",["tit"])       //获取login模块数据    数组的写法

      },

mapMutations

 //...mapMutations("login",["item"]),      //辅助函方法一  mapMutations 数组格式
          // ...mapMutations("login",{       //辅助函方法一  mapMutations 对象样式
          //   item:"item"
          // }),

mapGetters


   getters:{
    sum(){
      var n=0;
      for (var i=0;i<10;i++){
        n+=i
      }
      return n
    }
  }


    computed:{
        // ...mapGetters("login",[
        //   'sum'
        // ])
        ...mapGetters("login",{
          sum:"sum"
      })

      },

这是login 导出的

***注意:其他模块导出添加: namespaced:true,//用于在全局引用此文件里的方法时标识这一个的文件名

export default {
  namespaced:true,//用于在全局引用此文件里的方法时标识这一个的文件名
  state:{
       user:{}  ,     //用户登录的个人信息
      tit:"这里是login库"
  },
  mutations:{
    add(state,val){
     state.user=val
    },
    item(state,val){
      console.log(val)
    }
  }

}

使用namespaced:true,//用于在全局引用此文件里的方法时标识这一个的文件名
除了主文件其他的文件需要使用namespaced:true否则使用map辅助函数报错: module namespace not found in mapState(): Login/ 未找到模块

相关文章

网友评论

      本文标题:vuex-persist本地存储vuex使用map辅助函数语法

      本文链接:https://www.haomeiwen.com/subject/mcahoctx.html