JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
集成电路应用开发
C/C++
狂野架构师
IP短视频
Web前端培训：嵌套路由怎么定义?
更新时间:2022年11月02日16时42分 来源:传智教育 浏览次数:
web前端中，是否是嵌套路由主要是由页面结构来决定的，实际项目中的应用界面，通常是由多层嵌套的组件组合而成。简而言之，嵌套路由就是在路由里面嵌套它的子路由。
嵌套子路由的关键属性是children，children也是一组路由，相当于前面讲到的routes，children可以像routes一样地去配置路由数组。每一个子路由里面可以嵌套多个组件。子组件又有路由导航和路由容器，示例代码如下：
<router-link to="/父路由地址/要去的子路由"></router-link>
当使用children属性实现子路由时，子路由的path属性前不要带“/”，否则会永远以根路径开始请求，这样不方便用户去理解URL地址。
下面我们通过代码演示一个简单的嵌套路由的配置，具体代码如下：
var router = new VueRouter({
router: [
{
path: '/home',
Component: home,
children: [
{ path: 'login', component: login },
{ path: 'register', component: register }
]
}
]
})
在上述代码中，第3～10行配置的是外层路由，第6～9行配置的是子路由。
最新资讯
0
分享到：
江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2024 All Rights Reserved 苏ICP备16007882号营业执照增值电信业务经营许可证出版物经营许可证
苏公网安备 32132202001156号