24、嵌套路由

---

1、什么是嵌套路由

嵌套路由是个常见的需求，假设用户能够通过路径/home/news和/home/message访问一些内容，一个路径映射一个组件，访问这两个路径也会分别渲染两个组件。嵌套路由可以使用相同模版，网页框架不变，只改变一小部分内容。
实现嵌套路由有两个要点：
①、在组件内部使用标签
②、在路由器对象中给组件定义子路由

2、嵌套路由举例

说明：我们这些内容是基于动态路由下写的内容。
①、在组件中创建两个组件news和msg组件


②、配置index页，从而引用我们定义的news组件和msg组件

③、使用子路由

结果图:

但是这里存在一个问题，我们，当我们的home页没设置跳转时：

我们可以通过在地址上添加/news来显示我们的news页


但是却没有显示。只能直接通过下面的方法显示，但是我们的news组件是在我们的home页下的，我们只想在home页后加/news，那么我们可以通过修改我们的children中的内容。




因此上面的例子中我们就必须加上/home。

3、补充

①、如果我们想进入页面的时候直接显示主页下的内容，该怎么做呢？

可以看到此时是不会自动进入到主页的。

一回车就会默认添加我们的/home，从而进入到home页。
②、如果想直接打开网站就进入到我们的home页下的新闻页，又该怎么办呢？