效果就是这样

把 A、B、A1 三个页面作为/的子路由，这样在切换的时候，/页面的内容始终显示

父子路由的视图渲染关系是，父路由的界面会保留

固定菜单栏的设计，利用children

在first.vue中父级页面挂载<router-view></router-view>才能实现页面跳转

router-link 界面跳转 <router-link to="/跳转页面路由">

router-view  父页面挂在子页面 当子页面使用children设置路由时 子页面不显示 这时需要加上router-view来挂在子页面 才能显示

router-link 界面跳转 <router-link to="/跳转页面路由">

router-view  父页面挂在子页面 当子页面使用children设置路由时 子页面不显示 这时需要加上router-view来挂在子页面 才能显示

平级路由：

标签<router-link></router-link>必须与children搭配使用，否则没有效果

这种写法的效果就是：首页（first.vue）的内容一直存在；

平级路由效果：页面跳转的时候不会再显示上一级路由的内容

平级路由的定义方法跟子路由的定义不一样，平级路由定义的位置，参数跟上级路由是一样的，但是<router-view></router-view>标签是要保留在上级路由中的（除了首页不需要<router-view></router-view>）