<router-view>的含义：
<router-view>：路由容器
Vue 路由中的 <router-view> 是用来承载当前级别下的子级路由的一个视图标签；
此标签的作用就是显示当前路由级别下一级的页面。
<router-view>的作用：
就比如说App.vue是根组件，在它的<template>标签里使用<router-view>，而且配置好路由的情况下，就能在浏览器上显示子组件的效果；
子组件要想在页面中显示出来，一定要留好<router-view>容器，不然显示不出来；
如果这个子组件路由还有孩子路由，那也需要在子组件的<template>标签里使用<router-view>，这样就能在页面上显示子组件的孩子组件的效果；
注意：一定要使用这个<router-view>，不然页面效果就出不来
扫描二维码关注公众号，回复：
16809764 查看本文章
路由容器外面可以包着<section>标签：
<!-- 路由容器 -->
<section>
<router-view></router-view>
</section>参考文章：