---
# System prepended metadata

title: Props + 動態路由 (7-7)
tags: [7. Router路由, Vue]

---

# Props + 動態路由 (7-7)
###### tags: `Vue`、`7. Router路由`
2022.3.10

### 一般使用Props傳遞資料
#### 1. route 提出Props傳遞動作
![](https://i.imgur.com/40rDD7K.png)

#### 2. 子頁面進行接收
![](https://i.imgur.com/Ahv5Gj2.png)

### 使用Props + 動態路由 傳遞資料
#### 1. route 提出Props傳遞動作
做法：直接在router檔案中，將route中取到的值用props傳遞。
![](https://i.imgur.com/bq69EWc.png)


#### 2. 子頁面進行接收
![](https://i.imgur.com/qKb1wKW.png)