---
tags: Vue 直播班 - 2022 春季班
---

# 🏅 Day 30
###### tags: `Vue 直播班 - 2022 春季班`

題目 (請將答案貼上 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://codepen.io/znlcgmgk/pen/dyNrweb
-->

回報區
---
| 報數 |組別/名字 | codepen / 其他回饋 |
|:--------:| -------- | -------- |
|1| POPEYE | https://codepen.io/popeye_ux/pen/VwrbOOz |
|2| Larry | https://codepen.io/larrylinr5/pen/zYPwQyv?editors=1011 |
|3| Kelvin Hsu | https://codepen.io/kelvin001/pen/BamReMP?editors=1111 |
|4| Iris Huang | https://codepen.io/ythuang/pen/JjONqwR |
|5|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/abVWrRd|
|6|Jason Chen | https://codepen.io/jason60810/pen/mdqmZeL |
|7|kevinhes|https://codepen.io/kevinhes/pen/YzEVoWe?editors=1011|
|8| 黃士桓 | https://codepen.io/shr-huan-huang/pen/mdqmZOj?editors=1010 |
|9|我是泇吟|https://codepen.io/kljuqbxs/pen/JjONQWy|
|10|Aaron Tu|https://codepen.io/aarontu/pen/mdqmZLa|
|11|shio|https://codepen.io/shioyen/pen/qBVmzQo?editors=1010|
|12|Jasper|https://codepen.io/li-jasper/pen/eYeWwaR |
|13| 肉鬆 | https://codepen.io/klrkicog/pen/ZEaKdNK?editors=1011 |
|14|威爾|https://codepen.io/WILL_Wu/pen/gOXWNNN|
|15|YC|https://codepen.io/YCLu/pen/rNYmXaY |
|16|Pei Ying|https://codepen.io/Pei-Ying/pen/RwjVXEW |
|17|Yunei|https://codepen.io/Yunei/pen/jOawNOz|
|18|EmptyWu|https://codepen.io/emptywu/pen/MWOogOx |
|19|kk|https://codepen.io/potatokaka/pen/abVWeJa|
|20|Bella Shya|https://codepen.io/BellaXie/pen/PoOjoKX?editors=1011|
|21|Charlotte Lee|https://codepen.io/charlotte-lee/pen/MWOogrR |
|22|andersonshen| https://codepen.io/luxyenni-the-bold/pen/NWwgPKG |
|23|Tim Lin|https://codepen.io/TimmyLin/pen/podwvye|
|24|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/GROEgrR?editors=1011
|25|PeiChi| https://codepen.io/pei-chi-tsai/pen/dyZRyaq?editors=1011|
|26|陳暐中| https://codepen.io/wei-z/pen/mdqwdqz?editors=1011|
|27|Rick Tzeng|https://codepen.io/rick917jp6/pen/dyZRNMV|
|28|Arista|https://codepen.io/arista-hsieh/pen/ZEayeby|
|29| Sheep | https://codepen.io/SheepNDW/pen/podwyxY |
|30|AKI|https://codepen.io/akichen27/pen/VwrWKXJ |
|31|Yummyniya|https://codepen.io/yummyniya/pen/VwrWBVd |
|32|Calon|https://codepen.io/Calon0118/pen/abVymEG|
|33|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/eYeEgzO?editors=1010
|34|FuChang|https://codepen.io/fuchang830714/pen/ZEayGPz|
| 35 | Sihle Huang | https://codepen.io/bugbug777/pen/jOaLZdp |
| 36 | Bruno Yu|https://codepen.io/bruno-yu/pen/dyZzKEX?editors=1011 |
| 37 | Gill | https://codepen.io/Gill-Chin/pen/wvPqXVy?editors=1011 |
|38|Howard|https://codepen.io/yawdnhbm/pen/wvPrwvW|
|39| 咖咖 | https://codepen.io/gon790219/pen/mdqBbZW |
|40|Benson|https://codepen.io/soul81624/pen/qBVPBgm|
|41|Terry21|https://codepen.io/feng0409/pen/ExbwQgp?editors=1010 |
|42|ZY Hsu|https://codepen.io/zihyin/pen/QWOqRxM?editors=0011|
|43| Otis | https://codepen.io/humming74/pen/JjOOWbN?editors=1010 |
|44| Bonnie | https://codepen.io/bonnieli1414/pen/yLPPELV?editors=1011 |
|45|Scottie|https://codepen.io/wow767t/pen/gOXvrXy?editors=1011|
|46|AllenW|https://codepen.io/AllenW/pen/eYeVQwQ?editors=1010|
|47|Henry|https://codepen.io/kaohenry9287/pen/ExbQJPB|
|48|Elaine Liu|https://codepen.io/elaine7598/pen/JjOpGjo|
|49|mei|https://codepen.io/Shila-Chen/pen/WNXEOXm|
|50|Scottie|https://codepen.io/wow767t/pen/QWOrqBX?editors=1011|
|51|紙飛機| https://codepen.io/paperplanea/pen/KKyEOdQ |
|52|Mylène| https://codepen.io/hamajibashi/pen/popovyo |
|53|大衛| https://codepen.io/exnsrpjc/pen/oNpGOor?editors=1011 |
|54|Gui|https://codepen.io/guitimliu/pen/popqgmp
|55|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/WNdLppw?editors=1012|
|56|Carol Li|https://codepen.io/carolli834/pen/poVbPLm?editors=1011|