vue3路由特性

1.创建实例变化的方式

history代替了mode选项

history:createWebHistory(),
hash:createWebHashHistory(),
abstract:createMemoryHistory(),

都移至createWebHistory等方法中

2.移除了通配符 *

routes:[
	{
	path:'*',
	}
]


//代替方式

//pathMatch名称自定义
//(.*)正则表达式表示 所有
//最后一个*是必填项而且是重复的
routes:[
	{
	path:'/:pathMatch(.*)*',//当前目录下的所有涵盖为匹配的
	name:'not-found',
	component:NotFound,//组件
	}
];
//当匹配到的路径不一致的时候,进行跳转
router.resolve({
name:'not-found',//名称要与routes内名称一致
params:{
	pathMatch:['not','found']
},//参数

}).href

3.在这里插入图片描述
4.在这里插入图片描述
5.在这里插入图片描述
to=""更加关注了,指定自定义的内容写在v-slot内

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值