美文网首页
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