---
# System prepended metadata

title: 巢狀路由「在切換頁面中，再加子頁面」(7-4)
tags: [7. Router路由, Vue]

---

# 巢狀路由「在切換頁面中，再加子頁面」(7-4)
###### tags: `Vue`、`7. Router路由`
2022.3.9

### 示意圖
&emsp;&emsp;旨，在切換的頁面下，在連接到其他子頁面。
![](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)
