---
# System prepended metadata

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

---

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

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

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

> 本日的任務是 Props 的觀念，請修改 Q1 ~ Q3 的程式，讓它們可以正確呈現 `<template>` 的內容。

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

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

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

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

<!-- 解答
<div id="app" class="p-3">
    <line-msg msg="安安學妹，要吃晚餐嗎？"></line-msg>
    <line-msg :msg="message"></line-msg>
    <line-msg2 :next-msg="message"></line-msg2>
</div>
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1| Iris Huang | https://codepen.io/ythuang/pen/podNQJe |
|2| Larry | https://codepen.io/larrylinr5/pen/rNYWQVp?editors=1010 |
|3| kevinhes| https://codepen.io/kevinhes/pen/ZEaBmGX?editors=1011|
|4|Aaron Tu|https://codepen.io/aarontu/pen/eYeBQJe|
|5|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/PoObyrY|
|6| 肉鬆 | https://codepen.io/klrkicog/pen/LYObXZM?editors=1011 |
|7|YC|https://codepen.io/YCLu/pen/JjObeRm |
|8|我是泇吟|https://codepen.io/kljuqbxs/pen/YzEpRpo|
|9|黑川|https://codepen.io/kurokawa/pen/mdqOQXJ|
|10|阿劍| https://codepen.io/seonkuraito/pen/mdBvPNK |
|11|Empty Wu| https://codepen.io/emptywu/pen/vYWyQVO |
|12|Howard|https://codepen.io/yawdnhbm/pen/KKyNrxZ|
|13| Sheep | https://codepen.io/SheepNDW/pen/podNQQL | 
|14| POPEYE |  https://codepen.io/popeye_ux/pen/NWwbEov |
|15| Henry Wu | https://codepen.io/dkcmlaww-the-flexboxer/pen/podNQMK?editors=1011|
|16|Scottie|https://codepen.io/wow767t/pen/podNqzK?editors=1011|
|17|Tim Lin|https://codepen.io/TimmyLin/pen/vYWyvOK |
|18|Jason Chen|https://codepen.io/jason60810/pen/OJObrMj |
|19|Wenfish|https://codepen.io/wenfisht/pen/abVBPde|
|20|andersonshen| https://codepen.io/luxyenni-the-bold/pen/BamQvYr |
|21|Karen Huang|https://codepen.io/Coding_Snorlax/pen/QWOEMpX|
|22|Gill|https://codepen.io/Gill-Chin/pen/BamQvxx?editors=1011|
|23|Pei Ying|https://codepen.io/Pei-Ying/pen/podNqZB?editors=1011|
|24|威爾|https://codepen.io/WILL_Wu/pen/OJObrYw|
|25|Yunei|https://codepen.io/Yunei/pen/jOaVXjo|
|26|有廖先生(Rain)|https://codepen.io/billpop741/pen/MWObLgW|
|27|Evan Chiang|https://codepen.io/Evan_9837/pen/vYWybZa|
|28|PeiChi|https://codepen.io/pei-chi-tsai/pen/OJObdoe?editors=1011|
|29|黃士桓| https://codepen.io/shr-huan-huang/pen/PoObVVr?editors=1011 |
|30|kk|https://codepen.io/potatokaka/pen/vYWybPb?editors=1011|
|31|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/BamQbpj?editors=1010
|32|陳暐中|https://codepen.io/wei-z/pen/xxPRepw?editors=1011|
|33|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/PoObrZo?editors=1011|
|34|Jordan Tseng|https://codepen.io/jordan-ttc-design/pen/jOaVgEz?editors=1010|
|35| Kelvin Hsu | https://codepen.io/kelvin001/pen/BamQXzw |
|36|Benson|https://codepen.io/soul81624/pen/bGYBXgL|
|37|Calon|https://codepen.io/Calon0118/pen/jOayNbj|
|38|Himi|https://codepen.io/Himi/pen/JjOEPJy|
|39|Rick Tzeng|https://codepen.io/rick917jp6/pen/bGYgGqe
|40|咖咖| https://codepen.io/gon790219/pen/bGYgGKg |
|41|Arista| https://codepen.io/arista-hsieh/pen/ZEaLEwj |
|42|shio| https://codepen.io/shioyen/pen/xxPgxee?editors=0001 |
|43|Judy☻|https://codepen.io/hsiaohan/pen/QWOdwwQ?editors=1011 |
|44|Charlotte Lee| https://codepen.io/charlotte-lee/pen/ExbZaej?editors=1010 |
|45|Sally| https://codepen.io/intelligence753/pen/zYPNvrR?editors=1010 |
|46|tingyu| https://codepen.io/dgltu/pen/abVpPOM?editors=1011 |
|47|Jasper|https://codepen.io/li-jasper/pen/YzEZxew |
|48| Otis | https://codepen.io/humming74/pen/LYOWOgX?editors=1011 |
|49| ZY HSu | https://codepen.io/zihyin/pen/jOaBaom?editors=1011 |
|50| Bonnie | https://codepen.io/bonnieli1414/pen/OJOpGLM?editors=1011 |
|51|翔鎧|https://codepen.io/Alvin20201116/pen/XWzRdqb?editors=1011|
|52|阿武|https://codepen.io/samwnkyat/pen/vYWmeze?editors=1011|
|53|Terry21|https://codepen.io/feng0409/pen/ExbmBOw?editors=1011 |
|54|AKI|https://codepen.io/akichen27/pen/abVwZaL |
|55|Yummyniya|https://codepen.io/yummyniya/pen/oNowybN |
|56|FuChang|https://codepen.io/fuchang830714/pen/NWwgqOL|
|57|mei|https://codepen.io/Shila-Chen/pen/bGYrRGK|
| 58 | Sihle Huang | https://codepen.io/bugbug777/pen/yLPovKq |
|59|Elaine Liu|https://codepen.io/elaine7598/pen/VwrmqyP|
|60|Henry|https://codepen.io/kaohenry9287/pen/WNXdjNN|
|61|Gui|https://codepen.io/guitimliu/pen/abVRbMp |
|62|肉桂卷|https://codepen.io/ginnlee/pen/KKyqKpO?editors=1011|
|62|紙飛機| https://codepen.io/paperplanea/pen/YzEgoBK |
|63|Mylène| https://codepen.io/hamajibashi/pen/OJOepQN |
|64|大衛|https://codepen.io/exnsrpjc/pen/KKZXEbg?editors=1011 |
|64|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/QWazdeb?editors=1010|
|65|Carol Li|https://codepen.io/carolli834/pen/YzLzdNv?editors=1011|