vue基础——嵌套路由

Posted chaoyueqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue基础——嵌套路由相关的知识,希望对你有一定的参考价值。

嵌套路由是非常常用的,一开始没仔细看过文档的时候踩过小坑,一是子路由的path里,不要加/了,直接写子路由的部分,路由的前半部分是直接从父路由中继承到了,二是对<router-view></router-view>组件渲染位置的理解

技术分享图片

技术分享图片

技术分享图片

参考文档:https://router.vuejs.org/zh/guide/essentials/nested-routes.html

以上是关于vue基础——嵌套路由的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

vue2.0-路由嵌套动态路由跳转

Vue总结第五天:vue-router (使用模块化(创建Vue组件)机制编程)router-link 标签的属性路由代码跳转懒加载路由嵌套(子路由)路由传递数据导航守卫)

Vue路由(router)进一步详解

vue全家桶的使用<router-view>routerviewvueX嵌套路由子路由动态路由路由拦截路由守卫elementUiSPA