---
# System prepended metadata

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

---

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