vue子路由children的使用

前言：
上次簡單介紹了vue-router，並且創建了兩個路由，如果還沒學過路由基礎知識請點這里

子路由：
比如有一個地址，圈出的地方在about目錄下，可以是ChildRouter1，也可以是ChildRouter2，那么ChildRouter1、ChildRouter2就叫做about的子路由

 

 

 

創建子路由的步驟：

1. 在components目錄下創建兩個文件，分別是ChildRouter1.vue、ChildRouter2.vue，兩個文件的內容相似即

   

    

   

    

    

2. 在老父親about.vue中添加一行。router-view是為了給子模板提供插入位置。ChildRouter1.vue、ChildRouter2.vue是about的子頁面，就像繼承一樣

   
   
    

    

    

3. 在Router文件夾的index.js中添加路由規則
   
    

   
   
   
    
   
   效果