浅析 useRoute() 、useRouter()

        useRoute()、useRouter()本质是两个函数,是用于获取路由相关信息。useRoute():用于返回当前路由信息对象用于接收路由参数。useRouter():用于返回当前路由实例,常用于实现路由跳转。使用方法先引入且需要调用两个函数才可以得到相关信息。

一、useRoute()

        打印useRoute(),可以看到返回的是对象,里面包含matched、meta、name、params、query、path等路由参数信息。

fullPath:显示当前路由路径(包含子路由,如 value: "/acl/user");

matched:值为数组,其数组的长度是路由层级,数组内容包含二级路由和完整路由,如下图:

        关于matched需要注意,在面包屑功能中,需要用到matched提供的数组信息进行渲染

meta:获取当前路由元信息;

name:当前路由名称;

params、query:当前路由参数;

path:当前路由完整路径;

二、useRouter()

        useRouter()对象中,包含了很多路由跳转的方法:replace()、push()、back()、go()、addRoute()、hasRoute()、removeRoute()等常用的路由方法

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tomtomgogo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值