HTML5原生不支持嵌套路由，其由SPA框架基于History API封装实现；Vue Router通过父子router-view与children配置实现，React Router v6则依赖Outlet和嵌套路由定义；history.pushState仅能修改URL，无法触发组件渲染与生命周期。
HTML5 嵌套路由跳转不是靠“手动操作 history.pushState”实现的，而是由 SPA 框架（如 Vue Router、React Router、Angular Router）在 HTML5 History API 基础上封装出的声明式嵌套能力。原生 HTML5 不提供“嵌套路由”概念——它只管 URL 和历史栈，嵌套是框架对 path 匹配、outlet 占位、组件生命周期协同的抽象。
Vue Router 怎么写嵌套路由并触发跳转
嵌套路由的核心是父子 router-view + 子路由配置中带 children 数组。跳转仍用 router.push，但路径必须匹配嵌套结构。
- 父级路由需定义
children，且子路由path不能以/开头（否则变成绝对路径，脱离嵌套上下文） -
router.push({ name: 'Parent.Child' })是最安全的方式，避免路径拼错；若用路径，得写成router.push('/parent/child')，而非'/child' - 父组件模板里必须有
，否则子路由组件无处渲染 - 注意：子路由的
path: ''表示默认子路由（访问/parent时显示），此时需确保父组件已挂载且含router-view
React Router v6 的嵌套路由跳转为什么总不生效
v6 彻底移除了 ，改用 作为子路由出口，且路由定义必须显式嵌套——跳转失效往往因结构断裂或导航方式错配。
- 父路由配置必须用
element包裹，例如：element: > - 子路由不能独立存在，必须作为父路由的
children数组项，且父路由path末尾不加*（除非有意通配） - 跳转用
useNavigate()，传入相对路径时，当前路由必须是父级上下文（即浏览器地址栏显示的是父路径），否则相对路径解析失败 - 常见错误：
navigate('child')在非父路由组件中执行 → 解析为根路径下的/child，而非/parent/child
history.pushState 能否直接模拟嵌套路由跳转
可以改 URL 并触发 popstate，但无法自动渲染对应嵌套组件、不触发守卫、不管理组件实例生命周期——它只是“骗过浏览器地址栏”，不是路由跳转的完整替代。
