this.$router 和this.$route 的区别

最新推荐文章于 2023-07-17 19:39:54 发布
原创 最新推荐文章于 2023-07-17 19:39:54 发布 · 4.7k 阅读 · 4 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
vue

当前文章被收录于：

vue
10 篇文章 0 人学习
订阅专栏 查看详情
本文详细解析了Vue.js应用中this.$router和this.$route的区别及应用场景。前者代表全局路由器对象，可用于页面间的导航操作；后者则表示当前活动路由的状态，如路径名、路径、查询参数等。

1. this.$router：

    表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法；

2. this.$route:

    表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法；


注：使用的时候注意拼写，两个很像，就差一个字母，经常会因为写错而导致调用的方法无效，而且浏览器的控制台中还不会报错。。。

别再只用ReLU了！深入聊聊激活函数稀疏性：从Tanh到ReLU的模型效果对比与调参避坑指南
weixin_30505225的博客
05-05 975
本文深入探讨了激活函数稀疏性在深度学习中的重要性，对比了ReLU与Tanh在不同任务中的表现，并提供了实用的调参策略。通过实验验证，揭示了50%-80%的稀疏度区间（稀疏甜点区）对模型性能的关键影响，帮助开发者在计算机视觉和自然语言处理等场景中优化模型效果。
this.$ router 与 this.$ route 的区别
qq_45530512的博客
06-16 1922
vue中this.$ router 与 this.$ route 的区别
this.$router和this.$route区别 && 路由传参的2种方式 && this.$route的各种语法
monika_beiluqi的博客
04-05 9202
一 this.$router 和 this. $route 区别 vue官方文档说明: 通过注入路由器，我们可以在任何组件内通过 this.router访问路由器，也可以通过this.router 访问路由器，也可以通过 this.router访问路由器，也可以通过this.route 访问当前路由. 通过打印出: this.$router 和 this. $route : this.$router: 是VueRouter的实例. 包含了很多属性和对象（比如 history 对象），任何页面都可以调用
Vue中this.$router与this.$route的区别及其应用
qq_49428237的博客
03-01 5017
总结this,$router与this.$route的含义以及常见用法
vue进阶-vue-route中 this.$router 与 this.$route 的区别
weixin_40017062的博客
07-17 1225
this.$router 和 this.$route 区别
this.$router和this.$route的区别，不仅仅是一个单次的区别哟
qq_40409143的博客
11-26 437
this.route和this.route 和 this.route和this.router 这两个对象有什么区别： this.$route 是当前路由跳转对象，包含当前路由的name、path、query、params等属性 　　 如： 可以显示路由的名称 this.$router 是路由导航对象，使用它跳转到其他不同url地址 　　 跳转到不同的地址 ...
关于this.$router 和this.$route 的区别
qq_38110572的博客
06-10 6925
用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，而要用到vue-router 。 this.$route 当前路由对象 在使用了 vue-router 的应用中，路由对象会被注入每个组件中，赋值为 this.$route ，并且当路由切换时，路由对象会被更新。 this.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，路由对象有以下属性： 1.$route.path 字符串，等于当前路由对象的..
vue-router this.$route和this.$router的区别
秋来九月八
11-08 2217
当你在组件中console.log(this.route)和console.log(this.route) 和 console.log(this.route)和console.log(this.router) 时会发现比较明显的差异 这是this.$route {name: "Button2", meta: {…}, path: "/button/button2", hash: "",query:...
this.$router和this.$route的区别
qq_15034541的博客
05-06 2959
this.$router : 全局路由对象，任何页面都可以通过此方法 调用 push(), go()等方法。一般用于路由跳转。 例如：this.$router.push(路由)//跳转 this.$route : 表示当前正在用于跳转的路由器对象。可用来接收当前路由，显示其name、path、query、params等属性。 例如：this.$route.name//当前路由的名字 区别： 1.this.router是全局∗∗路由对象∗∗任何页面都可以调用2.this.router 是全局 **
this.$route和this.$router的区别
anbinmei9074的博客
03-20 445
1. this.$router：　　 (个人观点：可以用来传递参数) 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； this.$router.push({ path: '/monitor', query:{ ...
【Vue】this.$router与this.$route的区别
TurtleOrange的博客
07-28 601
【Vue】this.$ router 与 this.$ route 的区别 1.this.$ router this.$ router 访问路由器 ； this.$router 是一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。 2.this.$ route this.$ route 访问当前路由 ； this.$ route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对
手摸手学前端：vue路由this.$router和this.$route的区别
The man was lazy and left no message
03-27 1097
前言 最近在学习Vue的路由，总是搞混this.router和this.router和this.router和this.route，现记录一下。 首先，Vue Router官方文档有这么一句：通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由！ 由此可知： this.$router 相当于一个全局的路由器对象，包含了...
Vue 中 this.$router 与 this.$route的区别
cai_niao5623的博客
11-09 620
this.$router：表示全局路由器对象，项目中通过route参数注入路由之后。全局任意一个页面都可以获取这个全局路由器对象，并且调用其中的push、go等方法 this.$route：表示当前路由下的路由器对象。可以调用path、query、name、params等属性 ...
Vue 中 this.$router 与 this.$route 的区别 以及 push() 方法
u010227042的博客
06-11 1864
官房文档里是这样说明的： 通过注入路由器，我们可以在任何组件内通过this.$router访问路由器，也可以通过this.$route访问当前路由 可以理解为： this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。 this.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，可以获取对应的 name, path, para...
this.$router与this.$route的区别
qq_26642611的博客
12-06 297
this.router是Vue−Router的实例，需要导航到不同路由则用this.router是Vue-Router的实例，需要导航到不同路由则用this.router是Vue−Router的实例，需要导航到不同路由则用this.router.push方法 this.$route为当前路由的跳转对象，包含当前路由的name、path、query、params等属性。 ...
this.$route和this.$router区别--hash&history模式
hkduan的博客
12-10 1062
this.$router： 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； this.$route: 表示当前正在用于跳转的路由器对象，可以调用其name、path、query、params等方法； ...
VUE:this.$route 和 this.$router区别
t595981879的博客
08-22 292
Vue 中 this.$router 和this.$route 的区别和push()方法
demo_020的博客
05-23 396
通过注入路由器，我们可以在任何组件内通过 this.router访问路由器，也可以通过this.router 访问路由器，也可以通过 this.router访问路由器，也可以通过this.route 访问当前路由 两者的区别为 this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。 his.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值