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

news/2024/11/9 4:45:50/

一、问题

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


http://www.ppmy.cn/news/1212400.html

相关文章

如何用Excel软件制作最小二乘法①

一、用自带的选项(不推荐),因为感觉只是近似,虽然结果一样 1.在Excel中输入或打开要进行在excel中输入或打开要进行最小二乘法拟合的数据,如图所示。 2.按住“shift”键的同时,用鼠标左键单击以选择数据&a…

Go相关命令说明

目录 go get:下载第三方库的源代码,并将其放在$GOPATH/src目录下go install:编译并安装Go程序或库,将其生成的二进制文件安装到$GOPATH/bin或($GOPATH/pkg 如果是库)目录中go mod tidy :清理未使用依赖项,并…

深入理解ElasticSearch分片

1. 路由计算 当索引一个文档的时候,文档会被存储到一个主分片中。 Elasticsearch 如何知道一个文档应该存放到哪个分片中呢?当我们创建文档时,它如何决定这个文档应当被存储在分片 1 还是分片 2 中呢?首先这肯定不会是随机的&…

Java常用设计模式(23种)

文章目录 介绍 设计模式的六大原则 一、创建型模式 1、单例模式(Singleton Pattern) 1)饿汉式 2)懒汉式,双检锁 3)静态内部类 4)枚举 2、原型模式(Prototype Pattern&#xff09…

TinyEngine 开源低代码引擎首次直播答疑QA合集

前言 10月27日晚8点,OpenTiny 社区开启了 TinyEngine 开源低代码引擎首次答疑直播,本次直播我们通过收集开发者诉求,精心策划和组织了内容,希望提供给大家最明确和清晰的答疑方式。这是 TinyEngine 低代码引擎直播计划的开端&…

美国材料与试验协会ASTM发布新版玩具安全标准 ASTM F963-23

美国材料与试验协会ASTM发布新版玩具安全标准 ASTM F963-23 2023年10月13日,美国材料与试验协会(ASTM)发布了新版玩具安全标准ASTM F963-23 ​根据CPSIA的规定,当ASTM将ASTM F963的拟定修订意见通知CPSC时,若CPSC认为…

PCBA表面污染的分类及处理方法

NO.1 引言 在PCBA生产过程中,锡膏和助焊剂会产生残留物质,残留物中包含的有机酸和电离子,前者易腐蚀PCBA,后者会造成焊盘间短路故障。且近年来,用户对产品的清洁度要求越来越严格,PCBA清洗工艺逐渐被电子组…

【管理工具】CMAK安装和使用(kafka-manager)

文章目录 前言一、安装和启动1.1 安装CMAK1.2 启动cmak 二、使用CMAK2.1 添加kafka集群2.2 topic 概述2.3 broker概述2.4 其他操作 前言 一、安装和启动 1.1 安装CMAK Java环境:需要jdk11 $ java -version java version "11.0.5" 2019-10-15 LTS Java…