---
# System prepended metadata

title: "\U0001F3C5 6/2 (三) 每日任務 Day 28"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 6/2 (三) 每日任務 Day 28
###### tags: `Vue 直播班 - 2021 夏季班`

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

> 請為 mobile-phone 調整 HTML 屬性，並使其可向外傳遞訊息，並顯示於 message。

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

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

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

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

<!-- 解答
<div id="app" class="p-3">
  <h1>請為 mobile-phone 調整 HTML 屬性，並使其可向外傳遞訊息，並顯示於 message。</h1>
  {{ message }}
  <mobile-phone @push-data="getMessage"></mobile-phone>
</div>
-->

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

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

<!--3:Vic
Codepen:https://codepen.io/hsuan333/pen/jOBZOzv
-->

<!--4:Vic
Codepen:https://codepen.io/jarvis1993/pen/wvJyvxm
-->

<!--5:allen chou
Codepen:https://codepen.io/eepson123tw/pen/eYvVYja?editors=1011
-->

<!--6:leo lee
Codepen:https://codepen.io/nekorice/pen/jOBZOQQ
-->

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

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

<!--9:LiShang
Codepen:https://codepen.io/li-shang/pen/WNpMbvL
-->

<!-- 10: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/ExWQaXN
-->

<!--11: yijun
codepen:
https://codepen.io/sandy3068/pen/RwpQNQJ
-->

<!-- 12: Jessie Cheng
codepen: https://codepen.io/JessieMosbi/pen/rNyJaKM
-->

<!-- 12: YuSung
codepen: https://codepen.io/kevin-hsu-the-encoder/pen/YzZePjv?editors=1011
-->
<!-- 13: 陳sam
codepen:https://codepen.io/euldpliv/pen/xxqYbaL?editors=1011
-->

<!-- 14: Ethan
codepen: https://codepen.io/blazer030/pen/JjWpozM
-->

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

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

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

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

<!-- 19: Amber
codepen: https://codepen.io/amberTing/pen/zYZRvzQ?editors=1011
-->

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

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

<!-- 22: MM
codepen: https://codepen.io/MINN3/pen/wvJyGJa
-->

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

<!-- 24: Jay
codepen: https://codepen.io/jayredk/pen/OJpQXXp?editors=1011
 -->

<!-- 25: twoz
codepen: https://codepen.io/twoz/pen/MWpQbjp?editors=1011
 -->
 
<!-- 26: tim Chou
codepen: https://codepen.io/tim-chou/pen/dyvdveJ?editors=1010
 -->
 
<!--  27: Jack
https://codepen.io/yxzzktmb/pen/JjWpNGL?editors=1010
-->

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


<!-- 29: RitaHuang
https://codepen.io/Rita-Rossweisse/pen/GRWQMXR?editors=1010
-->

<!-- 30: Tofu Tseng
https://codepen.io/Tofutseng/pen/bGqLxyP
-->

<!-- 31: 阿倫
https://codepen.io/jason5125122/pen/poeagWo
-->

<!-- 32: Yiren
https://codepen.io/Yiren_Liou/pen/LYWQqyB
-->

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

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

<!-- 35: Erica
https://codepen.io/ericadu/pen/MWpVOqq
-->

<!--36: jimmyFang
https://codepen.io/pohxiqqo/pen/oNZqOdB?editors=1010
-->

<!-- 37: valerie
https://codepen.io/vicky-chang/pen/QWprrpx 
-->

<!-- 38: YOYO
https://codepen.io/lumedkle/pen/YzZLdNW?editors=1111
-->

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

<!-- 40: Izumi 泉
https://codepen.io/izumi-dev/pen/PopBRYx
-->

<!-- 41: 圈圈
https://codepen.io/wei-the-lessful/pen/YzZOopY
-->

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

<!-- 43: Ed Huang
https://codepen.io/yide1986/pen/oNZJopL
-->

<!-- 44: moitw
https://codepen.io/tsuifei/pen/PopMYKE?editors=1111
-->