编程式路由

embedded/2025/2/12 1:23:11/
javascript"><script>
export default {name: 'video-Info1',created () {setTimeout(() => {this.$router.push({ name: 'home' })}, 3000)}
}
</script>

编程式路由:实现 不需要用户点击router-link,由代码实现路由跳转。

应用场景:用户登录过期,自动跳转到登录页。

created

  • created () {... } 是 Vue 的生命周期钩子函数,当组件实例被创建完成之后会立即调用该函数。
this.$router
  • this 指向当前的 Vue 实例。在 Vue 组件中,this 可以访问组件的属性和方法。
  • $router 是 Vue Router 注入到每个 Vue 实例中的一个全局对象,它提供了一系列用于路由导航和管理的方法和属性。
push 方法
  • push 是 $router 对象的一个方法,用于向路由历史记录中添加一个新的路由条目,类似于浏览器的 history.pushState 方法。当调用 push 方法时,浏览器的历史记录会更新,用户可以通过浏览器的后退按钮返回到上一个路由。
{ name: 'home' }
  • 这是一个对象参数,用于指定要导航到的路由。在这个对象中,name 属性指定了目标路由的名称。在 Vue Router 的配置中,每个路由可以有一个唯一的名称,通过名称来导航可以提高代码的可读性和可维护性。

http://www.ppmy.cn/embedded/161473.html

相关文章

网络安全威胁框架与入侵分析模型概述

引言 “网络安全攻防的本质是人与人之间的对抗&#xff0c;每一次入侵背后都有一个实体&#xff08;个人或组织&#xff09;”。这一经典观点概括了网络攻防的深层本质。无论是APT&#xff08;高级持续性威胁&#xff09;攻击、零日漏洞利用&#xff0c;还是简单的钓鱼攻击&am…

【C++】RBTree(红黑树)模拟实现

文章目录 1.红黑树的概念2.红黑树的性质3.红黑树的结点4.insert函数&#xff08;插入结点&#xff09;5.左旋、右旋6.总代码 后续有时间会增加erase 1.红黑树的概念 红黑树是一种自平衡的二叉搜索树。每个节点额外存储了一个 color 字段 (“RED” or “BLACK”)&#xff0c; …

问卷数据分析|SPSS实操之信度效度检验

信效度检验只有量表题可以进行 ​​​​​​一、信度检验SPSS操作 1.选择分析--刻度--可靠性分析 2. 选中每一个自变量/因变量的数据&#xff0c;放入到右边 3. 此处为结果&#xff0c;项数和克隆巴赫值&#xff0c;记住每一个总的自变量和因变量的项数和值具体可看后面案例分…

DeepSeek:引领AI大模型时代,重塑服务器产业格局

随着DeepSeek - R1在2025年初以接近OpenAI GPT-1的性能震撼业界&#xff0c;AI大模型时代正式拉开了序幕。DeepSeek采用的混合专家架构&#xff08;MoE&#xff09;与FP8低精度训练技术&#xff0c;不仅将单次训练成本锐减至557万美元&#xff0c;相比行业平均水平降低了惊人的…

【Redis】Linux、Windows、Docker 环境下部署 Redis

一、Linux环境部署Redis 1、卸载 # 查看 Redis 是否还在运行 [appuserlocalhost redis]$ ps -ef|grep redis appuser 135694 125912 0 14:24 pts/1 00:00:00 ./bin/redis-server *:6379 appuser 135731 125912 0 14:24 pts/1 00:00:00 grep --colorauto redis# 停止…

Spring框架学习大纲

Spring框架学习大纲 一、Spring基础入门 Spring概述 Spring框架发展历史与核心优势Spring核心模块组成&#xff08;IoC、AOP、Data Access、Web MVC等&#xff09;Spring与传统Java EE开发对比 控制反转&#xff08;IoC&#xff09;与依赖注入&#xff08;DI&#xff09; IoC…

进阶数据结构——单调队列

目录 一、单调队列的核心思想与本质二、单调队列的应用场景1. 滑动窗口最大值2. 区间最值查询3. 优化动态规划 三、单调队列的实现与优化1. 双端队列的选择2. 单调性的维护3. 空间压缩 四、单调队列的复杂度分析五、单调队列的变种与高阶应用1. 二维单调队列2. 带限制的滑动窗口…

Python Pandas(5):Pandas Excel 文件操作

Pandas 提供了丰富的 Excel 文件操作功能&#xff0c;帮助我们方便地读取和写入 .xls 和 .xlsx 文件&#xff0c;支持多表单、索引、列选择等复杂操作&#xff0c;是数据分析中必备的工具。 操作方法说明读取 Excel 文件pd.read_excel()读取 Excel 文件&#xff0c;返回 DataF…