# 🏅 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 -->