首页 > 其他 > 详细

嵌套路由

时间:2019-12-03 11:11:46      阅读:86      评论:0      收藏:0      [点我收藏+]
嵌套路由是一个很常见的功能
比如在home页面中, 我们希望通过/home/news/home/message访问一些内容.
一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件.

一、路径和组件的关系如下:

技术分享图片

 

 

二、实现嵌套路由有两个步骤:

创建对应的子组件, 并且在路由映射中配置对应的子路由.
在组件内部使用<router-view>标签.

1、定义两个组件

 技术分享图片

 

 2、配置路由

技术分享图片

 

 技术分享图片

 

 技术分享图片

 

 

三、嵌套路由也可以配置默认的路径, 配置方式如下: 

技术分享图片

 

 

嵌套路由

原文:https://www.cnblogs.com/lyt0207/p/11974975.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!