router翻译成中文（对于＜router-view＞标签的理解）

<router-view>的含义：

<router-view>：路由容器

Vue 路由中的 <router-view> 是用来承载当前级别下的子级路由的一个视图标签；

此标签的作用就是显示当前路由级别下一级的页面    
    
    
 。

<router-view>的作用：

就比如说App.vue是根组件  
    
    
    
，在它的<template>标签里使用<router-view>

     


     


     


 ，而且配置好路由的情况下 




 




 




 ，就能在浏览器上显示子组件的效果；

子组件要想在页面中显示出来  

   

   

   

，一定要留好<router-view>容器

     

     

     

，不然显示不出来；

如果这个子组件路由还有孩子路由  




  




  




  ，那也需要在子组件的<template>标签里使用<router-view>  


  


  


  

，这样就能在页面上显示子组件的孩子组件的效果；

注意：一定要使用这个<router-view>
     
     
     
，不然页面效果就出不来

路由容器外面可以包着<section>标签：

<!-- 路由容器 --> <section> <router-view></router-view> </section>

参考文章：

路由标签之router-view理解_QB4040的博客-CSDN博客_router-view标签