---
# System prepended metadata

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

---

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

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

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

> 請同學只修改 HTML 以及 JS 元件的 Props，讓 `template` 的內容可以正確呈現於畫面上。

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

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

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

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

<!-- 解答
HTML:
<div id="app" class="p-3">
    <h1>請修正以下 HTML</h1>
    <line-msg :msg1="message1" :msg2="message2" :arraymsg="msgObj"></line-msg>
</div>

JS Props:
props: ['msg1', 'msg2', 'arraymsg']
-->

回報區
---

| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1| KAREN HUANG| https://codepen.io/Coding_Snorlax/pen/oNoBoRK?editors=1011 |
|2| Iris Huang | https://codepen.io/ythuang/pen/oNoBpLg |
|3| Larry | https://codepen.io/larrylinr5/pen/BampJzZ?editors=1010 |
|4|阿劍| https://codepen.io/seonkuraito/pen/GRMzZVB |
|5| 肉鬆 | https://codepen.io/klrkicog/pen/GROryqN?editors=1011 |
|6| Jhen | https://codepen.io/cheng-jhen/pen/LYOxeRY |
|7| POPEYE |https://codepen.io/popeye_ux/pen/QWOdaGm |
|8| Wenfish | https://codepen.io/wenfisht/pen/NWwdXpX |
|9|Aaron Tu|https://codepen.io/aarontu/pen/zYPNpwQ|
|10|黑川|https://codepen.io/kurokawa/pen/ExbZoEY |
|11|Jason Chen|https://codepen.io/jason60810/pen/MWOJrBx |
|12|kevinhes|https://codepen.io/kevinhes/pen/gOXgvbe?editors=1011|
|13|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/qBVRpQZ|
|14|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/yLPgpdW|
|15|威爾|https://codepen.io/WILL_Wu/pen/rNYjJNa|
|16|Gill|https://codepen.io/Gill-Chin/pen/rNYjJjx?editors=1011|
|17|Pei Ying|https://codepen.io/Pei-Ying/pen/KKyaQQK?editors=1011|
|18|Calon|https://codepen.io/Calon0118/pen/oNoBEPE|
|19|Howard|https://codepen.io/yawdnhbm/pen/KKyaogN|
|20|kk|https://codepen.io/potatokaka/pen/gOXgegY?editors=0011|
|21|Yunei|https://codepen.io/Yunei/pen/MWOJVvv|
|22|Sheep| https://codepen.io/SheepNDW/pen/VwrPXXO |
|23|Tim Lin|https://codepen.io/TimmyLin/pen/QWOdmzg|
|24|有廖先生(rain)|https://codepen.io/billpop741/pen/dyZNmQB|
|25|Charlotte Lee|https://codepen.io/charlotte-lee/pen/vYWgjxK |
|26|Himi|https://codepen.io/Himi/pen/NWwdMzM|
|27|Empty Wu|https://codepen.io/emptywu/pen/JjOEZeO |
|28|陳暐中|https://codepen.io/wei-z/pen/gOXgjLV?editors=1011 |
|29| 黃士桓 | https://codepen.io/shr-huan-huang/pen/VwrPBrN?editors=1011 |
|30|PeiChi|https://codepen.io/pei-chi-tsai/pen/qBVRyoL?editors=1011|
|31|Arista|https://codepen.io/arista-hsieh/pen/MWOJqeq|
|32|YC|https://codepen.io/YCLu/pen/xxPgaeZ |
|33|Judy☻|https://codepen.io/hsiaohan/pen/YzENJvL?editors=1011 |
|34|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/abVpQBY?editors=1011 |
|35|tingyu| https://codepen.io/dgltu/pen/yLPgGOE |
|36|sally| https://codepen.io/intelligence753/pen/NWwdexv?editors=1010 |
|37|shio| https://codepen.io/shioyen/pen/RwjKvrj?editors=1011 |
|38|Benson| https://codepen.io/soul81624/pen/jOayQmV|
|39|Bruno Yu| https://codepen.io/bruno-yu/pen/mdqRgmr?editors=1011 |
|40|咖咖| https://codepen.io/gon790219/pen/JjOEqRb |
|41|andersonshen| https://codepen.io/luxyenni-the-bold/pen/MWOpamm |
|42|Jasper|https://codepen.io/li-jasper/pen/dyZvVRR |
|43| Otis | https://codepen.io/humming74/pen/rNYyYrp |
|44| ZY Hsu | https://codepen.io/zihyin/pen/JjOWMPw?editors=1011 |
|45|Rick Tzeng|https://codepen.io/rick917jp6/pen/yLPMxPE |
|46| Kelvin Hsu | https://codepen.io/kelvin001/pen/zYPZMWp |
|47| Bonnie | https://codepen.io/bonnieli1414/pen/VwrpNvJ?editors=1011 |
|48|我是泇吟|https://codepen.io/kljuqbxs/pen/YzEVxwo|
|49|阿武|https://codepen.io/samwnkyat/pen/vYWmePp?editors=1111|
|50|Terry21|https://codepen.io/feng0409/pen/RwjVzEv?editors=1010 |
|51|AKI|https://codepen.io/akichen27/pen/oNowzja |
|52|Yummyniya|https://codepen.io/yummyniya/pen/YzEQjVY |
|53|FuChang|https://codepen.io/fuchang830714/pen/abVwOPd|
|54|mei|https://codepen.io/Shila-Chen/pen/XWzagmW?editors=1010|
| 55 | Sihle Huang | https://codepen.io/bugbug777/pen/vYWJdrK |
|56|Elaine Liu|https://codepen.io/elaine7598/pen/qBVRxar|
|57|Henry|https://codepen.io/kaohenry9287/pen/RwjQKZP|
|58|AllenW|https://codepen.io/AllenW/pen/XWzZyyy?editors=1010|
|59|肉桂卷|https://codepen.io/ginnlee/pen/oNoVxyd?editors=1011 |
|60|Gui|https://codepen.io/guitimliu/pen/bGYOpEG
|61|紙飛機| https://codepen.io/paperplanea/pen/oNoVrOr |
|62|Mylène| https://codepen.io/hamajibashi/pen/VwrJpEZ |
|63|大衛| https://codepen.io/exnsrpjc/pen/rNpGREY?editors=1011 |
|64|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/vYpvxBQ?editors=1011|
|65|Carol Li|https://codepen.io/carolli834/pen/qBYBLVx?editors=1010|