---
# System prepended metadata

title: "\U0001F3C5 Day 29"
tags: [Vue 直播班 - 2022 春季班]

---

---
tags: Vue 直播班 - 2022 春季班
---

# 🏅 Day 29
###### tags: `Vue 直播班 - 2022 春季班`

題目 (請將答案貼上 CodePen)
---
請操作 [這個模板](https://codepen.io/znlcgmgk/pen/MWJxZaE?editors=1011)，依照以下要求撰寫程式碼 (只能修改 JS 的部分)。

> 1. 只需要修改 mobile-phone 元件的 JS 程式碼，使其可向外傳遞訊息，並顯示於 newMessage。
> 2. 請維持單向數據流，避免直接修改外部的資料。
> 3. 完成 push 的函式，並與元件中的 @push-data="getMessage" 進行對應。
> 4. 需要正確將內部資訊向外傳遞（關鍵口訣：前內後外）

回報流程
---
請同學依照下圖教學觀看解答、回報答案:

![](https://i.imgur.com/QtL8zEW.png)

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

![](https://i.imgur.com/L7kyew8.png)

<!-- 解答
https://codepen.io/znlcgmgk/pen/ZELPqeZ
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1| Iris Huang | https://codepen.io/ythuang/pen/GROmpxL |
|2| Larry | https://codepen.io/larrylinr5/pen/ExbmVQb?editors=1011 |
|3| POPEYE | https://codepen.io/popeye_ux/pen/MWOmaGp |
|4| 肉鬆 | https://codepen.io/klrkicog/pen/abVWvqE?editors=1011 |
|5|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/JjONYpL|
|6| Charlotte Lee | https://codepen.io/charlotte-lee/pen/NWwjGJN?editors=1010 |
|7| Bruno Yu |https://codepen.io/bruno-yu/pen/wvPdKRa?editors=1011|
|8| Jason Chen |https://codepen.io/jason60810/pen/NWwjGZr |
|9| Aaron Tu |https://codepen.io/aarontu/pen/KKymVPm|
|10|威爾|https://codepen.io/WILL_Wu/pen/rNYmxev|
|11|Himi|https://codepen.io/Himi/pen/dyZWGyr|
|12| Sheep | https://codepen.io/SheepNDW/pen/qBVmbZg | 
|13|EmptyWu|https://codepen.io/emptywu/pen/WNXjweJ |
|14|有廖先生(Rain)|https://codepen.io/billpop741/pen/eYeWJxb|
|15|Scottie|https://codepen.io/wow767t/pen/ZEaKWbP|
|16|Yunei|https://codepen.io/Yunei/pen/oNoWxqZ|
|17|Gill|https://codepen.io/Gill-Chin/pen/podPyWB?editors=1011|
|18|kk|https://codepen.io/potatokaka/pen/eYeWZeO?editors=1011|
|19|Jasper|https://codepen.io/li-jasper/pen/KKymMad |
|20|YC|https://codepen.io/YCLu/pen/oNoWLEM |
|21| 黃士桓 | https://codepen.io/shr-huan-huang/pen/PoOmGoq?editors=1010 |
|22| 咖咖 | https://codepen.io/gon790219/pen/GROmqeV |
|23|Bella Shya|https://codepen.io/BellaXie/pen/BamRLoK|
|24|陳暐中|https://codepen.io/wei-z/pen/YzEVGGm?editors=1011|
|25|Arista|https://codepen.io/arista-hsieh/pen/VwrbmeK|
|26|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/eYeWBRq?editors=1011
|27|tingyu| https://codepen.io/dgltu/pen/qBVmqPN?editors=1011 |
|28|Wenfish|https://codepen.io/wenfisht/pen/zYPwqmq|
|29|PeiChi|https://codepen.io/pei-chi-tsai/pen/WNXjRPw?editors=1011|
|30|Jhen|https://codepen.io/cheng-jhen/pen/BamRWYp |
|31|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/mdqmWGE?editors=1011|
|32|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/JjONWvq?editors=1010|
|33|Benson|https://codepen.io/soul81624/pen/XWzRMEy|
|34|ZY Hsu|https://codepen.io/zihyin/pen/podPexV?editors=1011|
|35|Rick Tzeng|https://codepen.io/rick917jp6/pen/KKymqBM
|36|我是泇吟|https://codepen.io/kljuqbxs/pen/yLPboXp|
|37|Calon|https://codepen.io/Calon0118/pen/ZEaKJZm|
|38|shio|https://codepen.io/shioyen/pen/XWzRzeR?editors=1011
|39|Judy☻|https://codepen.io/hsiaohan/pen/WNXjzNB?editors=1111|
|40| Kelvin Hsu | https://codepen.io/kelvin001/pen/dyZWREw?editors=1011 |
|41| sally | https://codepen.io/intelligence753/pen/mdqmxzo?editors=1011 |
|42| andersonshen | https://codepen.io/luxyenni-the-bold/pen/xxPdvvo |
|43|Himi|https://codepen.io/Himi/pen/gOXROeq|
|44|Tim Lin|https://codepen.io/TimmyLin/pen/LYOLEVg|
|45|Howard|https://codepen.io/yawdnhbm/pen/LYOywRM|
|46|AKI|https://codepen.io/akichen27/pen/OJOgRQN |
|47|Yummyniya|https://codepen.io/yummyniya/pen/QWOgBVW |
|48| Otis | https://codepen.io/humming74/pen/XWzgwQr?editors=1011 |
|49|FuChang|https://codepen.io/fuchang830714/pen/XWzgbOJ|
|50|mei|https://codepen.io/Shila-Chen/pen/QWOMgdY?editors=1010|
|51| Sihle Huang | https://codepen.io/bugbug777/pen/dyZzdqG |
|52| Wilson | https://codepen.io/wilsonccheng/pen/ExbwbQV?editors=1011 |
|53|Terry21|https://codepen.io/feng0409/pen/ZEaXrba?editors=1010 |
|54|Bonnie|https://codepen.io/bonnieli1414/pen/gOXXzdZ?editors=1011 |
|55|Elaine Liu|https://codepen.io/elaine7598/pen/jOamWVL|
|56|Henry|https://codepen.io/kaohenry9287/pen/GROQWpE|
|57|AllenW|https://codepen.io/AllenW/pen/YzEeRbw?editors=1010|
|58|Terry21|https://codepen.io/feng0409/pen/ZEaXrba?editors=1010 |
|59|肉桂卷|https://codepen.io/ginnlee/pen/eYeXZLg?editors=1011|
|60|阿武|https://codepen.io/samwnkyat/pen/eYeQrXg?editors=1011
|61|Gui|https://codepen.io/guitimliu/pen/XWzGYYp
|62|紙飛機| https://codepen.io/paperplanea/pen/WNXmqVO |
|63|Mylène| https://codepen.io/hamajibashi/pen/podXPjK |
|64|大衛|https://codepen.io/exnsrpjc/pen/GRyMLqg?editors=1011 |
|65|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/YzYdZWd?editors=1011|
|66|Carol Li|https://codepen.io/carolli834/pen/MWGwOeG?editors=1011|