上面的(二)文章是针对一个页面来说的单个路径,如果碰见了多层嵌套组成的一个页面的情况下,我们就可以在一个页面下控制不同的组件的变化了
切换页面的效果可以是嵌套路由来实现,首先在上一个App.vue页面中的最顶层的路由出口是
<router-view></router-view>
通过组件渲染的方式实现调控的整体的页面,也就是用来渲染最高级路由匹配到的组件。
那么嵌套路由也是同样可以用这个来进行渲染新的组件的,但是不是根组件的出口,是在这个最高级路由匹配到的组件中嵌套一个新的次级出口
比如在Home组件中添加一新的次级出口
- 先在component中的page文件夹创建新的vue页面用作home的子页面:先在component/page文件夹中创建home-child.vue页面
<template>
<div id