关于Vue框架的路由重定向和别名的理解

本文介绍了Vue框架中的路由重定向和别名概念。路由重定向使A路径跳转至B路径,显示B路径绑定的UI组件,而别名允许多个URL映射至同一组件,实现不同URL访问相同内容的功能。例如,'/'和'/home'都可以显示Homepage组件,'profile'路径使用相对重定向,不以'/'开头。

什么是路由重定向?

A路径重定向到B路径,当访问A路径时,展示的结果是与B路径绑定渲染的UI组件,如下:

注意:

1、A路径被重定向之后,原本与A路径绑定渲染的组件将失去效果;

2、可以重定向路径,也可以重定向到指定的名称,如上;

拓展:相对重定向

顾名思义,相对重定向,在不改变整个路径的情况下,只替换其中部分路径,以达到路径替换的效果(这里的路径替换意味着最终渲染结果的替换)。

特别注意的是'profile'的路径开头并未以'/'开头。

别名

多个URL指向同一个组件,无论访问哪一个URL,最终的渲染结果相同。

如上,访问'/'和‘/home’,最终的结果都是组件Homepage。

起别名的最大作用,如下红框叙述:

意思是,原来访问UserList,你可能需要这样‘/users/list’,但是别名之后你只需要这样'/people'。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值