---
# System prepended metadata

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

---

# 🏅 6/3 (四) 每日任務 Day 29
###### tags: `Vue 直播班 - 2021 夏季班`

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

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

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

<!--3:leolee
Codepen:https://codepen.io/nekorice/pen/jOBZQZx
-->

<!--3:小魚
Codepen:https://codepen.io/jarvis1993/pen/WNpMYyz
-->
<!--4:陳sam
Codepen:https://codepen.io/euldpliv/pen/dyvdQrX?editors=1011
-->

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

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

<!--7: yijun
codepen:
https://codepen.io/sandy3068/pen/yLMvGvB
-->

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

<!-- 9: Vic
codepen: https://codepen.io/hsuan333/pen/mdWXapx
-->

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

<!-- 11: peter.chen1024
codepen: https://codepen.io/li-shang/pen/XWMZoON
-->

<!-- 12: YuSung
codepen: https://codepen.io/kevin-hsu-the-encoder/pen/RwpQEjQ?editors=1011
-->

<!-- 13: Iven
codepen: https://codepen.io/rtorihnk/pen/yLMvGRy
-->

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

<!-- 15: Yi Chieh
Codepen: https://codepen.io/Yi-Chieh/pen/ExWQrNb
-->

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

<!-- 17: Yiren
https://codepen.io/Yiren_Liou/pen/LYWQqeJ
-->

<!-- 18:allen chou
https://codepen.io/eepson123tw/pen/qBrxgKJ?editors=1010
-->

<!-- 18: Jessie Cheng
https://codepen.io/JessieMosbi/pen/JjWpxwm
-->

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

<!-- 20: Harold
codepen: https://codepen.io/YuWin0805/pen/qBrxvqz
-->

<!-- 21: SeanLiu
codepen: https://codepen.io/YuWin0805/pen/rNyJReZ
-->

<!-- 22: Jordan Tseng
codepen: https://codepen.io/jordan-ttc-design/pen/QWpQoBr?editors=1010
-->

<!-- 23: Oobdr 
codepen: https://codepen.io/xtsjrjdv/pen/XWMZQNJ?editors=1011
-->

<!-- 24: Jack
https://codepen.io/yxzzktmb/pen/XWMZwMa?editors=1010
-->

<!-- 25: Joe Kuo
https://codepen.io/alertislow/pen/wvJybZW?editors=0011
-->

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

<!-- 27: MM
https://codepen.io/MINN3/pen/mdWXNvj
-->

<!-- 28: Jay
codepen:https://codepen.io/jayredk/pen/RwpMbJm?editors=1011
 -->
 
<!-- 29: tim Chou
codepen:https://codepen.io/tim-chou/pen/ExWEaJZ?editors=1011
 -->

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

<!-- 31: Ethan
https://codepen.io/blazer030/pen/oNZqoWr
-->

<!-- 32: Tori
https://codepen.io/hayen/pen/dyvWMbv?editors=1010
-->

<!-- 33: Erica
https://codepen.io/ericadu/pen/XWMEzyG
-->

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

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

<!-- 36: Tofu Tseng
https://codepen.io/Tofutseng/pen/WNpJRoo
-->

<!-- 37: valerie 
https://codepen.io/vicky-chang/pen/qBrYYVO?editors=1011
-->

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

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

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

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

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

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

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