Vue中$route和$router的区别

已于 2024-02-18 15:55:09 修改
阅读量135 收藏
点赞数 3
分类专栏： Vue 文章标签： vue.js
于 2024-02-18 15:53:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang338448/article/details/136153311
版权

$route

$route表示当前路由，就是当前路由的只读对象，其中包含了当前激活的路由的各种信息，包括路由路径、参数、查询参数、哈希值等。

$router

$router表示路由器对象，它是用来导航和管理路由的，需要更改路由就通过它来操作。

$router常用方法：

push跳转新页面，并向history栈中添加一个新的记录
replace跳转新页面，不会向history栈中添加新记录，而是替换当前记录
go(n:number)在history栈中向前或者向后移动n步
back后退一步，相当于go(-1)
forward前进一步，相当于go(1)

SadItch
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
浅析vue-router jquery和params传参(接收参数)$router $route的区别
10-18
今天做项目时踩到了vue-router传参的坑（jquery和params），所以决定总结一下二者的区别。感兴趣的朋友跟随脚本之家小编一起看看吧
Vue路由对象属性 .meta $route.matched详解
12-13
$route.fullPath 1 路由是：/path/:type...const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, children: [ { path: 'bar', component: Bar, // a meta field meta: { requiresAu
Vue中$route和$router
2301_76760417的博客
01-10 624
router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vue构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。是 Vue Router 提供的一个全局对象，用于访问当前路由的一些信息，比如路径、参数、查询参数等。1.push：跳转到指定url路径，并在history栈中添加一个记录，点击后退会返回到上一个页面。用于在路由历史记录中向前或向后导航，可以接收一个整数作为参数，表示要前进或后退的步数。
Vue中$router和$route的区别
qq_21013249的博客
10-17 349
1.$router对象 $router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。 以history对象来举例： $router.push({path:'home'})，本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录 $router.replace({path:'home'})，//替换路..
vue中的$route 和 $router
weixin_74223075的博客
02-18 363
是两个不同的对象，它们分别用于获取当前路由信息和进行路由导航控制。用于进行路由导航控制。通过这两个对象的配合，可以实现完整的路由管理和页面跳转功能。用于获取当前路由信息，而。
Vue中$route和$router区别
weixin_56035334的博客
06-22 270
$router为vueRouter的实例，相当于一个全局路由对象，里面含有很多属性和子对象 $route相当于当前正在跳转的路由对象
vue router总结 $router和$route及router与 router与route区别
wgq2020的博客
10-26 363
Vue Router是Vue.js官方提供的路由管理器，它能够非常方便地实现多页面之间的跳转、参数传递、404页面处理等功能。在Vue Router中，是当前活跃路由对应的路由信息对象。它包含了当前路由的一些信息，例如：当前的路径、参数、查询参数等。route是Vue Router中非常重要的对象，掌握它们的用法可以更好地实现路由管理。route是两个非常重要的对象，下面我们来分别介绍它们的作用。router来定义路由规则、跳转路由、监听路由变化等操作。实例，可以通过它来访问路由对象和方法。
Vue路由器中$route和$router的区别
风一样的我们的博客
07-30 224
router：是 Vue Router 的实例对象，包括了许多用于导航控制和路由操作的 API，例如 push、replace、go、forward 等方法。route：是一个当前路由信息的对象，包括当前 URL 路径、查询参数、路径参数等信息。route 对象是只读的，不可以直接修改其属性值，而需要通过路由跳转来更新。因此，route 和 router 在功能上有所不同，route 主要用于获取当前路由信息，router 则是用于进行路由操作，例如跳转到指定的路由、前进、后退等。$router的用法。
vue中 $router 和 $route 的区别
qinqinzqq的博客
08-11 321
当需要在一个页面中嵌套子路由，并且页面不跳转的时候，只需要将子页面渲染在 router-view 里面。2. 导入 vue, vue-router，并定义路由，每个路由包含一个 component 属性，这个属性映射一个组件 --- router.js。4. 在 vue 根实例中注入路由，这样就可以在其他任何组件中访问路由了 --- main.js。匹配到的路由记录，包含当前路由的 path, name, params, query 等属性。：当前激活的路由的信息对象。解析得到的信息，还有。...
vue中$router和$route的区别
前端下午茶
10-22 291
$router $router是VueRouter的一个对象，通过Vue.use(VueRouter)和Vu构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由，包含了许多关键的对象和属性。 以history对象来举例： $router.push({path:‘home’})，本质是向history栈中添加一个路由，在我们看来是切换路由，但本质是在添加一个history记录 $router.replace({path:‘home’})，//替换路由，没有历史记录 $rou
vue路由中$router和$route的区别
weixin_47013351的博客
04-16 950
$router: 从上面可以看出$router是全局 router 的实例，通过 vue 根实例中注入 router 实例，然后再注入到每个子组件，从而使整个应用都有路由功能。包含了一些路由的跳转方法，钩子函数，属性和对象（比如 history 对象）等，任何页面也都可以调用其 push(), replace(), go() 等方法。 通过$router.push()方法可以向history栈中添加一个路由，从而实现切换路由。 通过$router.replace()方法可以替换路由，没有历史记录。
vue $router和$route的区别详解
01-22
一、router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。 this.$router.push会往...
Vue + SpringBoot 实现文件的断点上传、秒传，存储到Minio
m0_73179389的博客
06-19 511
前端页面使用的elment-plus的el-upload组件。当上传文件后，会调用handleChange 方法，可以在这里进行文件相关的操作。计算文件的MD5值。
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 396
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
vue:对三种获取更新后的dom的方式进行分析
qq_45820271的博客
06-17 724
由于vue的异步更新机制，我们在同步代码中是无法获取到更新后的dom的信息的针对这个问题，我们有三种解决方案获取更新后的dom:3.在微任务中获取因为更新是在同步任务结束后，执行微任务之前，所以上面三种方式可以得到更新后的dom。
vue格网图
南北粉面馆
06-16 336
【代码】vue格网图。
【java】常见问题-自用
最新发布
qq_45852108的博客
06-22 143
【自用】java 知识点模糊地方
vue中$route和$router有什么区别
05-24
在Vue.js中，$route和$router都是用于处理路由的对象，但它们有一些区别。 1. $route是一个存储当前路由信息的对象，包括当前URL路径、参数、查询参数等信息。而$router是一个管理所有路由的对象，包括路由的定义、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值