---
# System prepended metadata

title: "\U0001F3C5 Day 35"
tags: [Vue 直播班 - 2022 春季班]

---

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

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

題目 (請將答案貼上 CodePen)
---
操作 [這個模板](https://codepen.io/rider159159/pen/NWpjXaw)，執行以下要求 (只能操作 JS 的部分):

> 練習 refs 呼叫元件方法
> - 請在 callComponent() 中，使用 $refs 的方法，指向 alert-com 元件，讓使用者點擊 button 會執行 callAlert() ，跳出 alert 警告。


回報流程
---
請同學依照下圖教學觀看解答、回報答案:

![](https://i.imgur.com/QtL8zEW.png)

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

![](https://i.imgur.com/L7kyew8.png)

<!-- 解答
    methods: {
      callComponent() {
        this.$refs.alert.callAlert();
      },
    }
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/yLPpdQx|
|2| Iris Huang | https://codepen.io/ythuang/pen/abVEggo |
|3| Larry | https://codepen.io/larrylinr5/pen/XWzVLww?editors=1010 |
|4| Bruno Yu |https://codepen.io/bruno-yu/pen/XWzVLvL |
|5| 肉鬆 | https://codepen.io/klrkicog/pen/VwryoYK |
|6| kevinhes|https://codepen.io/kevinhes/pen/rNYpXaE?editors=1010|
|7| POPEYE | https://codepen.io/popeye_ux/pen/rNYpXNg|
|8|YC|https://codepen.io/YCLu/pen/BamJXNY |
|9|Aaron Tu|https://codepen.io/aarontu/pen/podpMjq|
|10|Wenfish|https://codepen.io/wenfisht/pen/xxPpvgZ|
|11|kevin嘉軒|https://codepen.io/kevin-chang-the-sasster/pen/wvPpVpE|
|12|有廖先生(Rain)|https://codepen.io/billpop741/pen/QWOaeOY|
|13|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/LYOewwz
|14|我是泇吟|https://codepen.io/kljuqbxs/pen/abVqomy|
|15|Gill|https://codepen.io/Gill-Chin/pen/LYOQPRQ?editors=1010|
|16|Jason Chen|https://codepen.io/jason60810/pen/bGYLbKd |
|17|Howard|https://codepen.io/yawdnhbm/pen/KKyQPGN|
|18| KAREN HUANG | https://codepen.io/Coding_Snorlax/pen/WNXMeYx?editors=1010 |
|19|威爾|https://codepen.io/WILL_Wu/pen/dyZdyoE|
|20|Rick Tzeng|https://codepen.io/rick917jp6/pen/gOXvOMP |
|21|Pei Ying|https://codepen.io/Pei-Ying/pen/yLPvLPj?editors=1010 |
|22|Scottie|https://codepen.io/wow767t/pen/vYWdYvK?editors=1111|
|23|EmptyWu|https://codepen.io/emptywu/pen/WNXMbeJ |
|24|Yunei|https://codepen.io/Yunei/pen/RwjQPbJ|
|25|Charlotte Lee|https://codepen.io/charlotte-lee/pen/QWOQbLe?editors=1010 |
|26| 黃士桓 | https://codepen.io/shr-huan-huang/pen/xxPYGRX |
|27| 陳暐中 | https://codepen.io/wei-z/pen/bGYLdZE 
|28| Arista | https://codepen.io/arista-hsieh/pen/rNYJONd |
|29|Terry21| https://codepen.io/feng0409/pen/XWzZmBO?editors=1010 |
|30|Bella Shya|https://codepen.io/BellaXie/pen/mdqXVWB?editors=1010|
|31| Sheep | https://codepen.io/SheepNDW/pen/RwjQqaX | 
|32| 咖咖 | https://codepen.io/gon790219/pen/OJOQrgz | 
|33| Judy☻ |https://codepen.io/hsiaohan/pen/yLPvGQd?editors=1010 | 
|34| AllenW |https://codepen.io/AllenW/pen/YzEebwe?editors=1010| 
|35|ZY Hsu |https://codepen.io/zihyin/pen/eYeMvVa?editors=1010
|36|mei|https://codepen.io/Shila-Chen/pen/Bamrmwj |
|37|Calon|https://codepen.io/Calon0118/pen/mdqxodv|
|38|AKI| https://codepen.io/akichen27/pen/yLPKwQP |
|39| andersonshen | https://codepen.io/luxyenni-the-bold/pen/LYOdvRP |
|40| Otis | https://codepen.io/humming74/pen/MWOVNvP?editors=1010 |
|41|Jasper|https://codepen.io/li-jasper/pen/GROGNzG |
|42|Tim Lin|https://codepen.io/TimmyLin/pen/mdqKMyb|
|43|Benson|https://codepen.io/soul81624/pen/PoOaaxa|
|44|Wilson|https://codepen.io/wilsonccheng/pen/MWOBLoz?editors=1010|
|45|Bonnie|https://codepen.io/bonnieli1414/pen/eYebxRW?editors=1010 |
|46|紙飛機| https://codepen.io/paperplanea/pen/QWORwra?editors=1010 |
|46| Kelvin Hsu | https://codepen.io/kelvin001/pen/zYpYxxB |
| 47 | sihle | https://codepen.io/bugbug777/pen/bGaGBjq |
|48| Mylène | https://codepen.io/hamajibashi/pen/OJzNzam |
|49|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/gOoZWYr |
|50|Gui|https://codepen.io/guitimliu/pen/JjMwxXV