vue中怎么在路由守卫中使用vuex中的数据

一、问题

Vuex 是一个面向 Vue.开发的状态管理模式。它主要用于管理应用程序中的共享状态。我们在项目中经常用它管理很多组件都要使用的数据。
我们只需要把它安装到vm上,就可以在组件中使用this.$store得到它。
但是我现在要在路由守卫中读取其中的某个数据,应该怎么使用呢?

二、解决

2.1:其实很简单的,就是在需要使用的文件中引入store就好

//引入store
import store from '@/store';

2.2:在路由守卫中使用

//全局后置路由守卫————初始化的时候调用、每次切换路由之后被调用
router.afterEach((to)=>{
    if(to.name==='commodityList'){
        store.commit('changeCarouselIsShow')
    }
})

三、总结

很多东西不是我们不会做,而是想复杂了,一开始我想vuex是管理状态的,是安装到vm上的。忽略了它也是一个js文件。也是创建并暴露出去的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值