---
# System prepended metadata

title: "\U0001F3C5 5/31 (一) 每日任務 Day 26"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 5/31 (一) 每日任務 Day 26
###### tags: `Vue 直播班 - 2021 夏季班`

題目 (請將答案貼上 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>
-->

回報區
---
<!--1:Alpha
Codepen:https://codepen.io/alphatero/pen/GRWOByy
-->

<!--2:Lina Chen
Codepen:https://codepen.io/LinaChen/pen/GRWOBQy
-->

<!--3:LiShang
Codepen:https://codepen.io/li-shang/pen/bGqYjvm
-->

<!--4:小魚
Codepen:https://codepen.io/jarvis1993/pen/LYWOBXy
-->

<!-- 5: Alysa Chan
Codepen: https://codepen.io/alysachan/pen/PopOBVB?editors=1011
-->

<!-- 6: Allen chou
Codepen: https://codepen.io/eepson123tw/pen/wvJPEaO?editors=1011
-->

<!-- 7: Vic 
Codepen:https://codepen.io/hsuan333/pen/xxqPaEL
-->

<!-- 8: youting  
codepen: https://codepen.io/youtingluo/pen/yLMPxMO?editors=1011
-->

<!-- 9: tim Chou
codepen: https://codepen.io/tim-chou/pen/wvJPEJL?editors=1011
-->
<!-- 10: Yu Sung
codepen: https://codepen.io/kevin-hsu-the-encoder/pen/LYWOJjd?editors=1011
-->

<!-- 11: Harold
codepen: https://codepen.io/YuWin0805/pen/YzZEOQO
-->

<!-- 12:yijun
codepen:https://codepen.io/sandy3068/pen/GRWOXxL
-->

<!-- 13:Eyan    
https://codepen.io/somebody1997/pen/XWMzPRM?editors=1010 -->

<!-- 14: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/YzZEJZK
-->

<!-- 15: MM
Codepen: https://codepen.io/MINN3/pen/GRWOYar
-->

<!-- 16: Amber
Codepen: https://codepen.io/amberTing/pen/bGqYQba?editors=
-->

<!-- 17: Tori
Codepen: https://codepen.io/hayen/pen/dyvWMbv?editors=1011
-->

<!-- 18: Joe Kuo
Codepen: https://codepen.io/alertislow/pen/ZEeampZ?editors=1011
-->

<!-- 19: peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/VwprVXb?editors=1011
-->

<!-- 20: Larry
codepen: https://codepen.io/manpower0708/pen/ZEeaVrL?editors=1111
-->

<!-- 21: Ed Huang
codepen: https://codepen.io/yide1986/pen/MWpOLpQ?editors=1011
-->

<!-- 22: Echo Hui
codepen: https://codepen.io/echohuiecho/pen/yLMPZgP?editors=1011 -->

<!-- 23: Dah
codepen: https://codepen.io/hua0124/pen/WNpXPBM?editors=1011 
-->
<!-- 24: 陳sam
codepen:https://codepen.io/euldpliv/pen/JjWOxdm?editors=1011
-->

<!-- 25: Wendy Li
codepen: https://codepen.io/rockayumitw/pen/rNyYbdm?editors=1011
-->


<!-- 26: Oober
codepen: https://codepen.io/xtsjrjdv/pen/poedmMZ?editors=1011
-->

<!-- 27: Erica
https://codepen.io/ericadu/pen/oNZoKXG
-->

<!-- 28: Sec
codepen: https://codepen.io/Sentiments/pen/bGqYXJV?editors=1011
-->

<!-- 29: Stacey Huang
codepen: https://codepen.io/staceyhuang/pen/YzZYPwa?editors=1011
-->

<!-- 30: leo lee
codepen: https://codepen.io/nekorice/pen/vYxWQqd
-->

<!-- 31: YOYO
codepen: https://codepen.io/lumedkle/pen/abJEJLw?editors=1012
-->

<!-- 32: Ethan
codepen: https://codepen.io/blazer030/pen/WNpdpmQ
-->

<!-- 33: RitaHuang
https://codepen.io/Rita-Rossweisse/pen/yLMpMjO?editors=1011
-->

<!-- 34: 阿倫
https://codepen.io/jason5125122/pen/xxqPaQj
-->

<!-- 35: Fred Chang
https://codepen.io/fred8196/pen/gOmoGeP?editors=1011
-->

<!-- 36: Jay
codepen: https://codepen.io/jayredk/pen/rNypJQZ?editors=1011
 -->
 
<!-- 37: Jessie Cheng
codepen: https://codepen.io/JessieMosbi/pen/zYZpmLJ
-->

<!-- 38: twoz
codepen: https://codepen.io/twoz/pen/MWpQydV?editors=1011
-->

<!-- 39: Tofu Tseng
https://codepen.io/Tofutseng/pen/VwpQGqX
-->

<!-- 40: Yiren 
https://codepen.io/Yiren_Liou/pen/gOmvqry
-->

<!-- 41: Jordan Tseng
https://codepen.io/jordan-ttc-design/pen/vYxdPgN?editors=1011
-->

<!--42: jimmyFang
https://codepen.io/pohxiqqo/pen/MWpVRjx
-->

<!-- 43: Valerie
https://codepen.io/vicky-chang/pen/oNZddNN?editors=1011
-->

<!--44: Izumi 泉
https://codepen.io/izumi-dev/pen/PopBQyB
-->

<!--45: 圈圈
https://codepen.io/wei-the-lessful/pen/QWpVXjo
-->

<!--46: Chiang
https://codepen.io/ChiangJ/pen/rNyQxrY?editors=1010
-->

<!--47: Ed Huang
https://codepen.io/yide1986/pen/LYWMOZV
-->

<!--48: moitw
https://codepen.io/tsuifei/pen/gOmNVNm?editors=1011
-->