vue 路由知识点（一级路由与二级路由嵌套）

最新推荐文章于 2024-06-07 08:25:57 发布

weixin_30316097

最新推荐文章于 2024-06-07 08:25:57 发布

阅读量435

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ralapgao/p/9179005.html

本文介绍了一种Vue项目中的一级和二级路由配置方法，通过具体示例解释了如何设置默认显示的组件及如何使用redirect进行路由重定向。文章还提到了子路由的配置技巧，并分享了来自资深开发者关于最佳实践的建议。

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

本人小白一个，如果问题，麻烦大神指点，

一级路由： path：'/' 默认为显示;

二级路由： path: '',默认显示为index组件，因为二级路有没有写index组件，所以使用redirect:to 去重定向

实例：

routes: [
　　{
　　path: '/',
　　name: 'Index',
　　component: Index
　　},
　　{
　　path: '/free',
　　name: 'Free',
　　component: Free,
　　／／二级路由
　　children: [
　　　　{
　　　　path: '',
　　　　redirect:to=>{
　　　　　　return 'free'
　　　　　　}
　　　　},
　　　　{
　　　　path: '/zhuanpan',
　　　　name: 'Zhuanpan',
　　　　component: Zhuanpan
　　　　},
　　　　{
　　　　path: '/dianshang',
　　　　name: 'Dianshang',
　　　　component: Dianshang
　　　　},

　　］
　　}
］

　咨询了一位大神，大神说子路不需要加／直接写名称就可以，大神说子路有默认显示使用redirect方法会好一点，

更新时间 2018年06月16日

转载于:https://www.cnblogs.com/ralapgao/p/9179005.html