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/ 未找到模块
网友评论