vue中$router和$route的区别

最新推荐文章于 2023-02-15 23:14:17 发布
最新推荐文章于 2023-02-15 23:14:17 发布
阅读量1k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45378970/article/details/108834844
版权 
**$router和$route是有区别的**
$router为VueRouter实例，想要导航到不同URL，则使用$router.push方法
$route为当前router跳转对象里面可以获取name、path、query、params等 
也可以理解为  $router为全局路由对象  $route为局部组件路由对象

通过这张图可以了解到这俩者的区别:

在这里插入图片描述

是小王啊i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目中$router和$route的区别
Luomaomao_baby的博客
07-01 156
1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 举例：history对象 $router.push({path:‘home’});本质是向history栈中添加一个路由，在我们看来是 切换路由，但本质是在添加一个history记录 方法： $router.replace({path:‘home’});//替换路由，没有历史记录 2.r
vue中$router和$route的联系和区别
webchang的博客
01-18 560
vue中$router和$route的联系和区别
$route和$router的区别
qq_45838276的博客
09-19 6778
2、$router是VueRouter的一个实例，他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history）3、$route是一个跳转的路由对象（路由信息对象），每一个路由都会有一个$route对象，是一个局部的对象。1、$router是用来操作路由，$route是用来获取路由信息。
$route和$router的区别详解
Allen的博客
06-24 8829
$ router是用来操作路由的，$ route是用来获取路由信息的。他包含了所有的路由，包括路由的跳转方法，钩子函数等，也包含一些子对象（例如history） 常用的跳转连接的方法： //常规方法 本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录 1.$route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如 “/home/news” 。2.$route.params 对象，包含路由中的动态片段和全匹配片段的键值对。3.route.qu
$route 和 $router 的区别
qg2276879379的博客
09-24 1384
$route 和 $router 的区别 $route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。 2、$route.params 一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3.$route.query 一个 key/value 对象，表示 URL 查询参数。 例如
【Vue】8.vue中$router和$route的区别
热门推荐
返璞归真
01-26 2万+
最近在学习vue的单页面应用开发时，需要用到路由传值，这就涉及到了两个对象$router和$route，自己当时也是分不清，后来自己结合网上的博客和自己本地的vue项目了解了他们的区别： 1.$router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性...
vue router总结 $router和$route及router与 router与route区别
10-16
本文将深入探讨 `$router` 和 `$route` 之间的差异，以及路由跳转的不同方式，同时还会讲解 `path: 'name'` 和 `path: '/name'` 的区别，以及 `router` 和 `route` 在 Vue Router 中的角色。 1. **$router 和 $...
vue $router和$route的区别详解
01-22
一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。 this.$router.push会往...
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
主要介绍了vue项目使用$router.go(-1)返回时刷新原来的界面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue Router系列之 route 和 router 的区别
老__L的博客
02-22 1万+
一个路由对象 (route object) 表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的路由记录 (route records)。路由对象是不可变 (immutable) 的，每次成功的导航后都会产生一个新的对象。router 是全局路由的实例，是 router 构造方法的实例。
vue $router和$route的区别
锦年的博客
03-28 5636
vue-router中经常会操作的两个对象route和router两个。 1、$route对象 $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、 $route.path ：字符串，对应当前路由的路径，总是解析为绝对路径，如"/foo/bar"。 2、$route.params ：一个 key/value 对象，包含了 动态片段 和 全匹配片段， 如果没有路由参数，就是一个空对象。 3、$route.quer
$router和$route
weixin_42349231的博客
07-07 1127
区分$router和$route this.$router：router 实例 constrouter=newVueRouter({}) this.$route：当前激活的路由信息对象 watch: { // 监听路由变化 $route (to, from) { if (to.matched[0].path !== from.matched[0].path) { xxxxxx } } } 路由...
vue中$router和$route的基本使用
Evan's Blog ٩(๑❛ᴗ❛๑)۶
11-26 1万+
发现在自己在前端的道路上要一去不复返了，好了废话少说，开始记录。 如果大家有什么问题，欢迎给我留言，一起交流探讨。: ) 一、路由基本概念 1.route，表示一条路由信息。 { path: '/home', component: Home } 2.routes，表示一组路由信息。 const routes = [ { path: '/home', component: H...
vue中，$router和$route的区别
y521123y的博客
02-19 4140
今天和朋友聊天，聊起$router和$route的区别，记录一下。 1.$router是VueRouter的实例方法,可以认为是全局的路由对象，包含了所有路由的对象和属性。 2.$route是一个跳转的路由对象，可以认为是当前组件的路由管理，指当前激活的路由对象，包含当前url解析得到的数据，可以从对象里获取一些数据。如name,path等。 如有问题，请各位大佬指导。 ...
vue2.0中的$router 和 $route的区别
anzhang5248的博客
09-18 129
1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的对象和属性。 2.route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象，可以获取对应的name,path,params,query等 $rout...
$router和$route区别
潮黯的博客
02-15 275
区别：router是通过“Vue.use(VueRouter)”和VueRouter构造函数得到一个实例对象，它是一个全局的对象。而route是一个跳转的路由对象，每一个路由都会有一个route对象，是一个局部的对象。route主要用于接收路由传递的参数。
vue中$route和$router有什么区别
最新发布
05-24
在Vue.js中，$route和$router都是用于处理路由的对象，但它们有一些区别。 1. $route是一个存储当前路由信息的对象，包括当前URL路径、参数、查询参数等信息。而$router是一个管理所有路由的对象，包括路由的定义、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值