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文件。也是创建并暴露出去的。

猜你喜欢

转载自blog.csdn.net/m0_63135041/article/details/134359549