---
# System prepended metadata

title: "\U0001F5DE 8/11(三) 每日任務"
tags: [Vue 3 JS 新手夏令營]

---


# 🗞 8/11(三) 每日任務

###### tags:`Vue 3 JS 新手夏令營`

## 題目
Composition 中的生命週期
>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/qBmJzev)，並執行以下要求：
>- 延續昨天練習，建立好 openBox 方法後，在本次作業使用 Mounted 生命週期（Composition 版本），觸發 openBox 方法，以顯示 .box 元素

## 回報流程
 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成


## 作業投稿區(學員自行投稿
1. [Ryder 範例](https://codepen.io/rider159159/pen/NWjOZLR)
2. [Ching Hua](https://codepen.io/ching-hua-wang/pen/abWQMej?editors=1010)
3. [Boris Huang](https://codepen.io/boris0510/pen/qBmgEYv)
4. [Bucky](https://codepen.io/bucky0112/pen/vYmbErY?editors=1010)
5. [Yu](https://codepen.io/justyu2001/pen/MWmLYXQ)
6. .[AnAn](https://codepen.io/AndyAnn/pen/poPGvZd?editors=1010)
7. [詠銓](https://codepen.io/GGfish26/pen/oNWmgMR)
8. [Jessy](https://codepen.io/jessy-shen/pen/ZEKwYqo)
9. [Morris](https://codepen.io/morrisss/pen/abWXzMX)
10. [Bear](https://codepen.io/adaibear/pen/vYmbEPO)
11. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/LYyqEvw)
12. [小艾](https://codepen.io/bolaslien/pen/QWvYbWa)
13. [Eric](https://codepen.io/ericyericy/pen/jOmdEoY)
14. [Jack](https://codepen.io/yxzzktmb/pen/rNmPVOo?editors=1010)
15. [家妃](https://codepen.io/emily_lin/pen/mdmvJPO)
16. [Allen Lin](https://codepen.io/lcf7891/pen/eYWxNBx?editors=0010)
17. [肉鬆](https://codepen.io/klrkicog/pen/wvdNaPy)
18. [陳sam](https://codepen.io/euldpliv/pen/WNjPvJK)
19. [frank2411](https://codepen.io/wlk0411/pen/abWXOKO)
20. [Yu Sung](https://codepen.io/kevin-hsu-the-encoder/pen/wvdNamm?editors=0010)
21. [LMY](https://codepen.io/l_umei/pen/QWvYbBZ)
22. [timothy](https://codepen.io/timothy_hippo/pen/GRmzJey)
23. [阿丁兒](https://codepen.io/dingpachan/pen/vYmbOvZ)
24. [wendy](https://codepen.io/siaochanwu/pen/MWmLwMN)
25. [Chiang](https://codepen.io/ChiangJ/pen/abWXvbZ?editors=1010)
26. [Gui](https://codepen.io/guitimliu/pen/mdmveJx)
27. [Chu kuohua](https://codepen.io/chukuohua/pen/PomVPGd)
28. [samuel823](https://codepen.io/samuelshing/pen/ExmrVRX)
29. [佳鈴](https://codepen.io/zpyfpsxa/pen/dyWaYLj?editors=1010)
30. [kimn](https://codepen.io/kimn/pen/LYyqpwr?editors=1010)
31. [curry](https://codepen.io/Ted19851223/pen/zYwerYP)
32. [Miranda](https://codepen.io/hungyu/pen/JjNxGLw)
33. [黃士桓](https://codepen.io/shr-huan-huang/pen/GRmzoXp)
34. [shiuanping](https://codepen.io/shiuanping/pen/abWXdQP)
35. [Jax](https://codepen.io/cvecve147/pen/vYmbGEL)
36. [miku3920](https://codepen.io/miku3920/pen/GRmzZMm)
37. [Stanley](https://codepen.io/stanley-yeh/pen/OJmdNjx)
38. [小陳](https://codepen.io/yo02741/pen/PomVNQJ?editors=0010)
39. [Howard](https://codepen.io/yawdnhbm/pen/zYweqpg)
40. [yuyu](https://codepen.io/yuyu0905/pen/oNWmxPz)
41. [Eva](https://codepen.io/hiYifang/pen/abWPVww)
42. [YC Lu](https://codepen.io/YCLu/pen/ExmrPXR)
43. [安安](https://codepen.io/leave3310-the-looper/pen/WNjPxXV?editors=1010)
44. [Saiki](https://codepen.io/rostpfette/pen/ZEKwORO)
45. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/ZEKwpby)
46. [wj_omg](https://codepen.io/wj_omg/pen/GRmzjEK)
47. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/VwbgKXJ?editors=1010)
48. [Shay](https://codepen.io/fromzeroo/pen/ZEKwprv)
49. [Izumi 泉](https://codepen.io/izumi-dev/pen/xxdMREv?editors=1011)
50. [Joyce](https://codepen.io/lcijoyce622/pen/NWjodro)
51. [ET](https://codepen.io/et0115/pen/vYmbgzz)
52. [Linn](https://codepen.io/winnie50431/pen/OJmdWee)
53. [Jane Lin](https://codepen.io/as60160/pen/GRmzWEK)
54. [Ruby](https://codepen.io/sozqnmzy/pen/JjNxNNj)
55. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/jOmdmLK?editors=1010)
56. [Mia](https://codepen.io/whfan96/pen/BaRMRmm)
57. [lingxuan](https://codepen.io/penglingxuan/pen/RwVvgMB?editors=1010)
58. [wind](https://codepen.io/wind7y/pen/mdmvwKz)
59. [D.E.](https://codepen.io/ailentde/pen/LYyqONW)
60. [Jin](https://codepen.io/Jin-L/pen/YzVBdWd)
61. [AmberCYT](https://codepen.io/amberTing/pen/wvdNOEZ)
62. [來去高雄](https://codepen.io/pocper1/pen/GRmzaKo)
63. [axlrock1021](https://codepen.io/andy1021/pen/BaRbywy)
64. [Nick](https://codepen.io/nick-lin/pen/BaRboNx)
65. [LuYing](https://codepen.io/lilylily819/pen/GREKWKq)