【Vue】this.$router与this.$route的区别

这篇博客探讨了Vue框架中this.$router和this.$route的区别。this.$router是全局路由器对象,提供push、replace、go等导航方法;而this.$route则是当前路由对象,包含name、path、params和query等属性,用于获取当前路由信息。理解这两者在Vue应用中的作用对于有效管理路由至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【Vue】this.$ router 与 this.$ route 的区别

1.this.$ router

this.$ router 访问路由器 ;
this.$router 是一个全局的路由器对象,包含了很多属性和对象(比如 history 对象),任何页面都可以调用其 push(), replace(), go() 等方法。

2.this.$ route

this.$ route 访问当前路由 ;
this.$ route 表示当前路由对象,每一个路由都会有一个 route 对象,是一个局部的对象,可以获取对应的 name, path, params, query 等属性。

参考:
Vue 中 this.$ router 与 this.$route 的区别 以及 push() 方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值