$router和$route的区别

$router是“路由实例对象”,包括了路由的跳转方法、钩子函数、以及一些子对象等。

image-20230414165811894

常见的$router使用场景:

// 路由跳转
this.$router.push("/login");
// 取出路由中定义的对象
this.$router.options.routes

$route是“路由信息对象”,包括path,params,hash,query,fullPath,matched,name等路由信息参数。

每一个路由都会有一个$route对象,是一个局部的对象。

image-20230414170426069

  1. $route.path
    当前路由对象的路径(绝对路径),如 “/home/student” 。

  2. $route.params
    包含路由中的动态片段和全匹配片段的键值对。

  3. $route.query
    包含路由中查询参数的键值对

  4. $route.matched
    数组,当前匹配的路径中所包含的所有片段所对应的配置参数对象。

  5. $route.name
    当前路径的名字,若没有定义路径,则名字为空。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值