nuxt3命名路由的一些疑惑

文章探讨了在NuxtJs中一级路由和二级路由的不同实现,包括默认路由组件和父子路由的配置。作者发现一级路由与父子路由的父路由可能存在冲突,但经过测试,NuxtJs可能已经解决了这个问题。对于根路径的默认路由指定,文章提出了可能需要使用路由重定向来解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在学习nuxtJs路由的时候发现了一个问题:
一级路由的表现形式有两种,一个是在一级文件命名,一个是二级文件命名index.vue
具体描述请看我的笔记:

只需要在pages文件夹下创建文件(一级)或文件夹(二级),就可以使用路径作为URL地址

1.普通一级路由
pages/about.vue  -->  /about
2.普通二级路由
pages/users/about.vue  -->  /users/about
3.默认路由组件
pages/index.vue  -->  /
pages/users/index.vue  -->  /users
4.父子路由
父:pages/roles.vue  -->  /roles
还要在父路由里使用一个路由出口
子:page/roles/admin.vue  -->  /roles/admin
子:page/roles/normal.vue  -->  /roles/normal

我当时就想着普通一级路由跟父子路由的父路由会起冲突,两个页面不一样那究竟会渲染哪个?

我试验了一下发现我刚刚还在b站学得index方法命名路由失效了,可能是nuxt3优化了这个问题

那我现在又有一个问题就是首次的/路径怎么指定默认的?必须用到路由重定向吗?

等我学完再做解答!

解答:nuxtJs也支持像vue那样写法的自定义路由

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值