博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
state 全局值 设置 和获取
阅读量:5330 次
发布时间:2019-06-14

本文共 1152 字,大约阅读时间需要 3 分钟。

 

commit

dispatch

在store js文件中定义

state: {
shopId: ""
},
 
mutations: {
// shopid
SETID (state, data) {
console.log("app-mutation", data)
state.oldshopId = state.shopId
state.shopId = data   // 获取传来的值
}
},

.//设置   

let str = JSON.stringify(this.newShop);
localStorage.setItem('shop',str)    ---将值保存在缓存中
this.$store.dispatch('getParamSync',JSON.parse(localStorage.getItem('shop')))
this.$store.commit('
SETID',JSON.parse(localStorage.getItem('shop')).shopId)

 

//获取   --- 注意得在HTML中显示变量

computed: {
...mapState({
themeColor: state => state.app.themeColor,
menuColor: state =>
{
console.log('nav', state)
return state.app.menuColor
},
collapse: state =>{
return state.app.collapse
},
shopId: state => {   //shopId  自定义
return state.app.shopId
},
}),
 
},
、、、、、、、转载、、、、、、

this.$store.commit('toShowLoginDialog', true);

this.$store.dispatch('toShowLoginDialog',false)
 

主要区别是:

dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('mutations方法名',值)

commit:同步操作,写法:this.$store.commit('mutations方法名',值)

---------------------
作者:qq_36165747
来源:CSDN
原文:https://blog.csdn.net/qq_36165747/article/details/81082963
版权声明:本文为博主原创文章,转载请附上博文链接!

转载于:https://www.cnblogs.com/Quxiya/p/10820274.html

你可能感兴趣的文章
Web服务器的原理
查看>>
小强升职计读书笔记
查看>>
常用的107条Javascript
查看>>
#10015 灯泡(无向图连通性+二分)
查看>>
elasticsearch 集群
查看>>
忘记root密码,怎么办
查看>>
linux设备驱动归纳总结(三):1.字符型设备之设备申请【转】
查看>>
《黑客与画家》 读书笔记
查看>>
bzoj4407: 于神之怒加强版
查看>>
mysql统计一张表中条目个数的方法
查看>>
ArcGIS多面体(multipatch)解析——引
查看>>
css3渐变画斜线 demo
查看>>
JS性能DOM优化
查看>>
设计模式 单例模式 使用模板及智能指针
查看>>
c#的const可以用于引用类型吗
查看>>
手动实现二值化
查看>>
What Linux bind mounts are really doing
查看>>
linux top命令详解
查看>>
博弈论小结
查看>>
模拟Post登陆带验证码的网站
查看>>