# 巢狀路由「在切換頁面中，再加子頁面」(7-4) ###### tags: `Vue`、`7. Router路由` 2022.3.9 ### 示意圖   旨，在切換的頁面下，在連接到其他子頁面。 ![](https://i.imgur.com/d8mGjrr.png) ### 實作(在NewPage.vue新增子頁面) #### 1. 新增子頁面 ![](https://i.imgur.com/JoBT3vv.png) #### 2. 新增routes->children ![](https://i.imgur.com/7C363tO.png) #### 3. 在頁面中新增渲染 ![](https://i.imgur.com/yMOlgVF.png) #### 成果展示 ![](https://i.imgur.com/XucelH9.png)