# 🏅 6/4 (五) 每日任務 Day 30 ###### tags: `Vue 直播班 - 2021 夏季班` 題目 (請將答案貼上 CodePen) --- 請操作 [這個模板](https://codepen.io/znlcgmgk/pen/qBRvLzW?editors=1011),依照以下要求撰寫程式碼。 > 1. 請使用 [mitt](https://github.com/developit/mitt) 這個套件,完成跨組件通訊。 > 2. 只需要修改 JS 程式碼,分別透過 on(), emit() 方法將 mom-phone 的元件資料發送至 ming-phone 內 (按下「傳送訊息」按鈕時觸發)。 回報流程 --- 請同學依照下圖教學觀看解答、回報答案: ![](https://i.imgur.com/QtL8zEW.png) 回報格式如下圖,請在「回報區」使用註解回報答案 (為了統計人數,請同學依序加上「報數」) ![](https://i.imgur.com/L7kyew8.png) <!-- 解答 https://codepen.io/znlcgmgk/pen/dyNrweb --> 回報區 --- <!--1:Jordan Tseng Codepen:https://codepen.io/jordan-ttc-design/pen/ZEerPVw?editors=1011 --> <!--2:Alpha Codepen:https://codepen.io/alphatero/pen/BaWrwqy --> <!--3:Lina Chen Codepen:https://codepen.io/LinaChen/pen/QWpmqYK --> <!--4:小魚 Codepen:https://codepen.io/jarvis1993/pen/LYWdzqg --> <!--5:LiShang Codepen:https://codepen.io/li-shang/pen/ZEexXZX --> <!--6: Wendy Li https://codepen.io/rockayumitw/pen/wvJmrbM?editors=1011 --> <!-- 7: Alysa Chan Codepen: https://codepen.io/alysachan/pen/abJYVJP?editors=1011 --> <!-- 8: Harold codepen: https://codepen.io/YuWin0805/pen/QWpmOgM --> <!-- 9: leolee codepen: https://codepen.io/nekorice/pen/YzZaEzo --> <!-- 10: Vic codepen: https://codepen.io/hsuan333/pen/gOmeXzL --> <!-- 11: youting codepen: https://codepen.io/youtingluo/pen/OJpvOGj?editors=1011 --> <!-- 12: ethan codepen: https://codepen.io/blazer030/pen/dyvmZZb --> <!-- 13: Erica https://codepen.io/ericadu/pen/VwpXrOa --> <!-- 14: Yi Chieh Codepen: https://codepen.io/Yi-Chieh/pen/JjWLOgo --> <!-- 14: YuSung Codepen: https://codepen.io/kevin-hsu-the-encoder/pen/ZEexaoM?editors=1011 --> <!-- 15: Tori Codepen: https://codepen.io/hayen/pen/dyvWMbv?editors=0010 --> <!-- 16:陳sam Codepen:https://codepen.io/euldpliv/pen/poeLpvQ?editors=1011 --> <!-- 17: Joe Kuo Codepen:https://codepen.io/alertislow/pen/MWpVVgE?editors=1011 --> <!-- 18: Eyan https://codepen.io/somebody1997/pen/jOBzZWO?editors=0010 --> <!-- 19: peter.chen1024 codepen: https://codepen.io/JIAN-RONG/pen/ExWELMg?editors=1011 --> <!-- 20: Jessie Cheng codepen: https://codepen.io/JessieMosbi/pen/MWpVBPq --> <!-- 21: Echo Hui codepen: https://codepen.io/echohuiecho/pen/abJYjqM --> <!-- 22: Jack https://codepen.io/yxzzktmb/pen/QWpmVjB?editors=0010 --> <!-- 23: 阿倫 codepen:https://codepen.io/jason5125122/pen/rNydrXR --> <!-- 24: Amber codepen:https://codepen.io/amberTing/pen/oNZqJVw?editors=1011 --> <!-- 25: Larry codepen:https://codepen.io/manpower0708/pen/yLMKQOz?editors=1101 --> <!-- 26: Sec codepen: https://codepen.io/Sentiments/pen/gOmeEEg?editors=1011 --> <!--27: jimmyFang https://codepen.io/pohxiqqo/pen/qBrowzm?editors=1010 --> <!--28: RitaHuang https://codepen.io/Rita-Rossweisse/pen/MWpVdWw?editors=1011 --> <!-- 29: Tofu Tseng https://codepen.io/Tofutseng/pen/ZEeoLyr --> <!-- 30: Oober https://codepen.io/xtsjrjdv/pen/xxqjWaM?editors=1011 --> <!-- 31: Valerie https://codepen.io/vicky-chang/pen/wvJjjym?editors=1111 --> <!-- 32:YOYO https://codepen.io/lumedkle/pen/gOmzZEv?editors=0001 --> <!-- 33: Stacey Huang https://codepen.io/staceyhuang/pen/mdWLgvB?editors=1011 --> <!-- 34: Jay codepen: https://codepen.io/jayredk/pen/XWMYZOp --> <!-- 35: MM codepen: https://codepen.io/MINN3/pen/mdWjKQx --> <!-- 36: twoz codepen: https://codepen.io/twoz/pen/VwpBEVM?editors=1011 --> <!-- 37: Fred Chang https://codepen.io/fred8196/pen/ZEeMJNM --> <!-- 38: Chiang https://codepen.io/ChiangJ/pen/LYWMZqW?editors=1010 --> <!-- 39: Ed Haung https://codepen.io/yide1986/pen/QWpzaLP?editors=1111 -->