嵌套路由

嵌套路由是一个很常见的功能

比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容.

一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件.

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

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

创建对应的子组件, 并且在路由映射中配置对应的子路由.

在组件内部使用<router-view>标签.

1、定义两个组件

 

 2、配置路由

 

 

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