---
# System prepended metadata

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

---


# 🗞 8/2(一) 每日任務

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

## 題目
mounted 、 created 生命週期差異

 >請複製 （右下角 fork） [這個範例](https://codepen.io/rider159159/pen/ZEKyyRm)，並執行以下要求：
 > - 將範例中 created() 生命週期替換成 mounted() ，並查看兩種生命週期 console ，已瞭解兩種生命週期差異。
## 回報流程
 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成

## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/mdmwMKx)
2. [WangShuan](https://codepen.io/WangShuan/pen/GRmOGjM?editors=1011)
3. [Ching Hua](https://codepen.io/ching-hua-wang/pen/BaRrYPZ?editors=1011)
4. [Yu](https://codepen.io/justyu2001/pen/OJmEvrz)
5. [陳sam](https://codepen.io/euldpliv/pen/mdmKxYB?editors=1111)
6. [AnAn](https://codepen.io/AndyAnn/pen/mdmKxvM?editors=1011)
7. [Bucky](https://codepen.io/bucky-3414/pen/dyWKeyv?editors=1012)
8. [wendy](https://codepen.io/siaochanwu/pen/dyWKeYW?editors=1012)
9. [Jack](https://codepen.io/yxzzktmb/pen/abWKGmZ?editors=1011)
10. [Link1515](https://codepen.io/Link1515/pen/MWmXGjg)
11. [Morris](https://codepen.io/morrisss/pen/LYyrmRW?editors=1111)
12. [Stanley](https://codepen.io/stanley-yeh/pen/yLbEjJm?editors=1011)
13. [Jin](https://codepen.io/Jin-L/pen/JjNZvEE)
14. [Allen Lin](https://codepen.io/lcf7891/pen/ExmRLNy?editors=1111)
15. [HSY](https://codepen.io/Hsy_00/pen/eYWKrgN?editors=1011)
16. [Boris Huang](https://codepen.io/boris0510/pen/mdmKLmL)
17. [LMY](https://codepen.io/l_umei/pen/yLbEjXL)
18. [Jessy](https://codepen.io/jessy-shen/pen/gOWKzRj?editors=1010)
19. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/mdmKxZB?editors=1012)
20. [安安](https://codepen.io/leave3310-the-looper/pen/RwVJyLy?editors=1011)
21. [詠銓](https://codepen.io/GGfish26/pen/jOmKxGg?editors=1111)
22. [yuyu](https://codepen.io/yuyu0905/pen/YzVvLYe?editors=1012)
23. [小艾](https://codepen.io/bolaslien/pen/XWRYqEj?editors=1111)
24. [JohnnyChao](https://codepen.io/yuanjyun/pen/rNmKvJL?editors=1010)
25. [Gui](https://codepen.io/guitimliu/pen/KKmeRLd)
26. [Howard](https://codepen.io/yawdnhbm/pen/KKmeROV)
27. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/RwVJyXq)
28. [curry](https://codepen.io/Ted19851223/pen/qBmKKZK)
29. [Joi](https://codepen.io/Joi-Chen/pen/vYmrrKb)
30. [Jax](https://codepen.io/cvecve147/pen/NWjzzbG)
31. [Chiang](https://codepen.io/ChiangJ/pen/OJmEEWJ?editors=1011)
32. [Will](https://codepen.io/WILL_Wu/pen/poPKKPR)
33. [Chu kuohus](https://codepen.io/chukuohua/pen/ZEKRRpK)
34. [紅茶柚o](https://codepen.io/stp9640502/pen/LYyrrQM)
35. [佳鈴](https://codepen.io/zpyfpsxa/pen/poPKKLw?editors=1011)
36. [Bear](https://codepen.io/adaibear/pen/NWjzzyr)
37. [Linn](https://codepen.io/winnie50431/pen/vYmrrzo)
38. [shiuanping](https://codepen.io/shiuanping/pen/VwbddQN)
39. [阿丁兒](https://codepen.io/dingpachan/pen/jOmKKXw?editors=1010)
40. [timothy80617](https://codepen.io/timothy_hippo/pen/YzVvjpy)
41. [kimn](https://codepen.io/kimn/pen/oNWydVq?editors=1011)
42. [Ruby](https://codepen.io/sozqnmzy/pen/BaRVVeL)
43. [ET](https://codepen.io/et0115/pen/VwbdBaY)
44. [Izumi 泉](https://codepen.io/izumi-dev/pen/KKmeBZB)
45. [肉鬆](https://codepen.io/klrkicog/pen/abWKjjb?editors=1111)
46. [黃士桓](https://codepen.io/shr-huan-huang/pen/RwVJBqV?editors=1111)
47. [Eric](https://codepen.io/ericyericy/pen/oNWydBw)
48. [wj_omg](https://codepen.io/wj_omg/pen/wvdXxZj)
49. [Shay](https://codepen.io/fromzeroo/pen/OJmEwqQ?editors=1012)
50. [JarvisYu](https://codepen.io/jarvis1993/pen/mdmKGdq)
51. [敬智](https://codepen.io/hjingjhih/pen/MWmXqWM)
52. [wind](https://codepen.io/wind7y/pen/XWRYPNm)
53. [小肥羊](https://codepen.io/rusheep/pen/ZEKRMyG?editors=1111)
54. [Richard](https://codepen.io/richardchen8109/pen/dyWKqEe)
55. [Mag](https://codepen.io/maggie31416/pen/MWmXXzr)
56. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/dyWKgpg)
57. [JC](https://codepen.io/jcsamoyed/pen/zYwamjj?editors=1010)
58. [Eva](https://codepen.io/hiYifang/pen/eYWKQpL?editors=1012)
59. [Saiki](https://codepen.io/rostpfette/pen/KKmeRdY)
60. [Chiou](https://codepen.io/daisycml/pen/MWmXzOz)
61. [SunWei](https://codepen.io/sunweiii/pen/mdmKQow)
62. [Yi-Jung](https://codepen.io/yi-jung/pen/zYwayXw?editors=1112)
63. [annycheng](https://codepen.io/chengyu0228/pen/zYwaepW)
64. [SeanYeh](https://codepen.io/seaniap/pen/jOmKJyZ?editors=1111)
65. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/bGWKZBr?editors=1111)
66. [阿儒](https://codepen.io/colinchiu87/pen/KKmeEye)
67. [Kowin](https://codepen.io/kowin/pen/GRmGeOr?editors=1111)
68. [tony](https://codepen.io/tony0831-l/pen/PomaLej)
69. [Mobius](https://codepen.io/dopamine908/pen/MWmXxxx)
70. [axlrock1021](https://codepen.io/andy1021/pen/jOmKREX)
71. [Jane Lin](https://codepen.io/as60160/pen/LYyrvRx)
72. [guyu](https://codepen.io/guyu-su/pen/wvdXmQm)
73. [翁偉凌](https://codepen.io/wengweiling/pen/rNmKbKL)
74. [shiuan](https://codepen.io/prankaChang/pen/wvdXZYZ?editors=0011)
75. [lingxuan](https://codepen.io/penglingxuan/pen/oNWyRWa)
76. [AmberCYT](https://codepen.io/amberTing/pen/LYyroLJ?editors=1111)
77. [D.E.](https://codepen.io/ailentde/pen/dyWKByx)
78. [Mia](https://codepen.io/whfan96/pen/VwbdOgJ)
79. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1012)
80. [Nick](https://codepen.io/nick-lin/pen/poPKMaz)
81. [Nat](https://codepen.io/dxnqcnen/pen/bGWjboV)
82. [YC Lu](https://codepen.io/YCLu/pen/JjNBbjO)
83. [samuel](https://codepen.io/samuelshing/pen/BaRPQwa)
84. [Nap](https://codepen.io/o0o0o1o0/pen/bGWjgwW)
85. [艾草](https://codepen.io/jmkhsutp/pen/XWRBpvv?editors=1011)
86. [Noin](https://codepen.io/Noin/pen/qBmyrKm?editors=1111)
87. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/abWjwLx?editors=1010)
88. [Genos](https://codepen.io/pb220416/pen/wvdxPvz?editors=1111)
89. [Edward](https://codepen.io/Edward_77/pen/XWRBzEO?editors=1112)
90. [Abby](https://codepen.io/abby1125/pen/YzVjagW?editors=1012)
91. [Kuan](https://codepen.io/mrkuanyi/pen/OJmwZer)
92. [jennifershih](https://codepen.io/jennifershih/pen/ZEKjjgP)
93. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/abWjXKq)
94. [Keith](https://codepen.io/qwrejhic/pen/jOmKXVR)
95. [miku3920](https://codepen.io/miku3920/pen/bGWxNQO)
96. [Megan Chen](https://codepen.io/megan_cc/pen/KKmxVdx)
97. [Katie Zhao](https://codepen.io/katiezhao/pen/oNWPjPN?editors=1011)
98. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/yLbxydL?editors=1111)
99. [Betty](https://codepen.io/gtut3252300/pen/jOmvvgo?editors=1111)
100. [poko](https://codepen.io/mingxuan-hsu/pen/vYmzPbO?editors=1012)
101. [一美](https://codepen.io/Nulaco/pen/PomyoWw?editors=1011)
102. [RC](https://codepen.io/rc_code/pen/poPxjQp?editors=1011)
103. [Daisord](https://codepen.io/daisord/pen/bGWmMML)
104. [Lina](https://codepen.io/LinaChen/pen/bGWmPGb)
105. [yuki](https://codepen.io/sihyu/pen/ZEKqdWe?editors=1012)
106. [Kaori](https://codepen.io/erxxx4321/pen/MWmPNGz)
107. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/xxdQbXo)
108. [Amber_Lin](https://codepen.io/autum55853/pen/abWQdBM)
109. [Han](https://codepen.io/PeiHan/pen/JjNeMYx?editors=1011)
110. [SinHsieh](https://codepen.io/SinHsieh/pen/VwbVQvP)
111. [Ant](https://codepen.io/Ant1995/pen/JjNeOqe?editors=1111)
112. [Parsons](https://codepen.io/tom00502/pen/VwbVVLx)
113. [frank2411](https://codepen.io/wlk0411/pen/KKmrrww)
114. [Churng](https://codepen.io/churng/pen/YzVRgYR?editors=1111)
115. [Joyce](https://codepen.io/lcijoyce622/pen/OJmrLgv)
116. [家妃](https://codepen.io/emily_lin/pen/QWvzgOw)
117. [來去高雄](https://codepen.io/pocper1/pen/QWvYEQL)
118. [james](https://codepen.io/hong-wei/pen/rNmbdQa?editors=1011)
119. [LuYing](https://codepen.io/lilylily819/pen/QWvPPGe)
120. [Yiren](https://codepen.io/Yiren_Liou/pen/jOwNYLK)
121. [Joy Cheng](https://codepen.io/joycheng5432/pen/yLoJYqY)