---
# System prepended metadata

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

---

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

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

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

> $refs 生命週期陷阱
> - 請試著將模板中的 created 生命週期替換為 mounted，讓 alert 警告能夠跳出。
> - 本次練習主要是讓同學理解 created() 、 mounted() 的使用時機

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

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

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

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

<!-- 解答

  const app = Vue.createApp({
    mounted(){
      this.$refs.alert.callAlert();
    },
  })

-->

回報區
---
| 報數 | 組別-名字  | codepen / 其他回饋                                |
|:----:|:----------:| ------------------------------------------------- |
| 1 | Bruno Yu | https://codepen.io/bruno-yu/pen/podxNow |
| 2 | Iris Huang | https://codepen.io/ythuang/pen/XWzxNWE |
| 3 | 我是泇吟 | https://codepen.io/kljuqbxs/pen/MWOPbvG |
| 4 | POPEYE | https://codepen.io/popeye_ux/pen/LYOgxVG |
| 5 | 陳暐中 | https://codepen.io/wei-z/pen/OJOBWJx?editors=1010 |
| 6 | Yunei | https://codepen.io/Yunei/pen/jOaeyre |
| 7 | 肉鬆 | https://codepen.io/klrkicog/pen/ZEaqeXL |
| 8 | YC | https://codepen.io/YCLu/pen/dyZgvZj |
| 9 | 黃士桓 | https://codepen.io/shr-huan-huang/pen/qBVJmXw |
| 10 | Pei Ying | https://codepen.io/Pei-Ying/pen/GROYEBx |
| 11 | 咖咖 | https://codepen.io/gon790219/pen/MWOPEdP |
| 12 | andersonshen | https://codepen.io/luxyenni-the-bold/pen/podxZzZ |
| 13 | CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/qBVJzEB|
| 14 | Calon | https://codepen.io/Calon0118/pen/zYPmVqV |
| 15 | Gill | https://codepen.io/Gill-Chin/pen/oNoQvWV?editors=1010 |
|16|Sheep| https://codepen.io/SheepNDW/pen/abVQopa |
|17| Otis | https://codepen.io/humming74/pen/WNXYNWP?editors=1010 |
|18| Henry Wu |https://codepen.io/dkcmlaww-the-flexboxer/pen/jOaQbzQ |
|19| Jason Chen | https://codepen.io/jason60810/pen/NWwEEPv |
| 20 | Wenfish | https://codepen.io/wenfisht/pen/bGYQQWY |
| 21 | sally | https://codepen.io/intelligence753/pen/XWzyvrJ?editors=1010 |
|22| TimLin| https://codepen.io/TimmyLin/pen/mdqadBO|
| 23 | Benson | https://codepen.io/soul81624/pen/abVPRqY |
| 24 | Bonnie | https://codepen.io/bonnieli1414/pen/QWOzoRx |
| 25 | Charlotte Lee | https://codepen.io/charlotte-lee/pen/bGYOZza?editors=1010 |
| 26 | Jasper | https://codepen.io/li-jasper/pen/KKyEPKO |
| 27 | ZY　Hsu | https://codepen.io/zihyin/pen/jOaJOLw |
| 28 | mei | https://codepen.io/Shila-Chen/pen/GROeOMR|
| 29| Judy☻ | https://codepen.io/hsiaohan/pen/LYOvGbP |
| 30 | 紙飛機 | https://codepen.io/paperplanea/pen/MWrWKMp |
| 31 | sihle | https://codepen.io/bugbug777/pen/NWXWdJE |
|32|Mylène| https://codepen.io/hamajibashi/pen/JjMEzXg |
|33|Gui|https://codepen.io/guitimliu/pen/ZEvPBpa

|34|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/OJQLjpR |