本文详细介绍了Vue框架中的路由嵌套概念，强调了内层路由需在外层路由模板中添加，并通过`router-link`和`router-view`进行配置。文中提到，外层路由的组件结构在HTML中，而内层路由的定义则放在`routes`对象的`children`属性下，同时指出子路由路径不应以`/`开头，以避免混淆。
路由嵌套：
- 路由嵌套时，内层路由在外层路由的模板对象（即template中）中添加（router-link，router-view）
外层路由的router-link，router-view在html结构中 - 内层路由的{path:‘login’,component:login}放在路由实例化的routes的children属性中
- 子路由前不需要加’/’,否则永远以根路径开始请求，不方便用户理解url地址
代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewreport" content="width=device-width initial-scan=1.0">
<title>vue-router-嵌套</title>
<script src="vue.js"></script>
最低0.47元/天 解锁文章
490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
