Vue中的this.$store.state.xx.xx

this.$store.state.xx.xx 其实是Vue用到状态管理工具Vuex
Vuex官网:https://vuex.vuejs.org/zh/
感觉就是把组件的共享状态抽取出来,以一个全局单例模式管理。在这种模式下,我们的组件树构成了一个巨大的“视图”,不管在树的哪个位置,任何组件都能获取状态或者触发行为!(在项目的任意地方都可以随时获取和动态的修改,在修改之后,vue会为你的整个项目做更新)


获取store中的数据
在这里插入图片描述
在这里插入图片描述


在vue根文件中注册store,这样所有的组件都可以使用store中的数据了

我的项目文件结构:
在这里插入图片描述


在main.js文件中注册store
在这里插入图片描述
在这里插入图片描述


然后代码中写到
在这里插入图片描述
登录后前端有缓存userId,然后通过userId再去查找


这个位子就用到了 公共页面里面的
在这里插入图片描述
在这里插入图片描述


总结:main.js是工会老大,你把奖励给了老大,老大有的道具会交给你使用,那么你就可以通过this来使用,不知道我这样总结的对不对,如果不对,欢迎一起探讨


作者:鲨鱼辣椒灬
来源:CSDN

  • 18
    点赞
  • 61
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值