---
# System prepended metadata

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

---


# 🗞 7/21(三) 每日任務

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

## 題目

mounted 生命週期

>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/ZEKBmaG)，並執行以下要求：
> - 請同學添加上 mounted 生命週期，並在 mounted 中使用 this 指向的方法，來調整 data 中 text1 的資料。
>- fork 按鈕在 codepen 畫面右下角
![](https://i.imgur.com/pP38JTd.png)

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

## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/NWjbEym)
2. [wang shuan](https://codepen.io/WangShuan/pen/zYwwvwQ?editors=1010)
3. [Wendy](https://codepen.io/wendy03/pen/OJmjwNV)
4. [鏡](https://codepen.io/Jin-L/pen/ExmvpKL)
5. [Bucky](https://codepen.io/bucky-3414/pen/poPrZbP?editors=1010)
6. [Alison](https://codepen.io/AlisonTsou/pen/YzVxjWM)
7. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/QWvMBEG)
8. [tony](https://codepen.io/tony0831-l/pen/jOmLpMy)
9. [陳sam](https://codepen.io/euldpliv/pen/oNWeMzm)
10. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR)
11. [AnAn](https://codepen.io/AndyAnn/pen/OJmjwWy?editors=1010)
12. [啾啾](https://codepen.io/mnqkmxbc/pen/GRmvBWR?editors=1010)
13. [Jack](https://codepen.io/yxzzktmb/pen/xxdLJqy?editors=1010)
14. [jennifershih](https://codepen.io/jennifershih/pen/dyWzjOr)
15. [Boris Huang](https://codepen.io/boris0510/pen/VwbzBbO)
16. [David](https://codepen.io/davidchangtw/pen/KKmvBqq)
17. [Zackaz](https://codepen.io/zackaz/pen/PomKBbq)
18. [tina](https://codepen.io/yyuunn/pen/vYmJaRY)
19. [Erica Chen](https://codepen.io/ericachen/pen/VwbzBQo)
20. [Ryan](https://codepen.io/ryanwu1003/pen/GRmvBxp)
21. [kevin_hws](https://codepen.io/kevinshu/pen/zYwdLjm)
22. [lu](https://codepen.io/l_umei/pen/PomKBeN)
23. [Yu](https://codepen.io/justyu2001/pen/xxdLJzM)
24. [Morris](https://codepen.io/morrisss/pen/oNWeMaK)
25. [YC Lu](https://codepen.io/YCLu/pen/zYwdLMM)
26. [黃士桓](https://codepen.io/shr-huan-huang/pen/OJmjwrb)
27. [Stanley](https://codepen.io/stanley-yeh/pen/gOWxjZM)
28. [wind](https://codepen.io/wind7y/pen/yLboqwj)
29. [佳鈴](https://codepen.io/zpyfpsxa/pen/ExmvpJM)
30. [Wuu](https://codepen.io/coolwuu/pen/xxdLJoN)
31. [Nick](https://codepen.io/nick-lin/pen/gOWxjNL)
32. [Sandra](https://codepen.io/yuying-toro/pen/bGWrxNo)
33. [Zhao Chen](https://codepen.io/zhao1995chen/pen/PomKBvW?editors=1010)
34. [Mag](https://codepen.io/maggie31416/pen/zYwdLby?editors=1010)
35. [Tim Chen](https://codepen.io/timchen0607/pen/oNWePxj)
36. [Abby](https://codepen.io/abby1125/pen/OJmjoMg)
37. [小肥羊](https://codepen.io/rusheep/pen/bGWrxVY)
38. [JohnnyChao](https://codepen.io/yuanjyun/pen/GRmvBeq?editors=1010)
39. [CT](https://codepen.io/ctsvenja/pen/NWjvLGX)
40. [詠銓](https://codepen.io/GGfish26/pen/GRmvXmE)
41. [Allen Lin](https://codepen.io/lcf7891/pen/LYyjJjG)
42. [huanan](https://codepen.io/hua_nan/pen/YzVxOZG)
43. [Eva](https://codepen.io/hiYifang/pen/gOWxdxx?editors=1010)
44. [Gui](https://codepen.io/guitimliu/pen/vYmJzWx)
45. [肉鬆](https://codepen.io/klrkicog/pen/yLboxvw)
46. [EN](https://codepen.io/enkuo0828/pen/gOWxdjo)
47. [阿丁兒](https://codepen.io/dingpachan/pen/eYWELQO)
48. [Chiang](https://codepen.io/ChiangJ/pen/oNWePaB?editors=1010)
49. [Chu kuohua](https://codepen.io/chukuohua/pen/abWyaPd)
50. [Helen](https://codepen.io/helen75816/pen/zYwdJZg?editors=1010)
51. [Bear](https://codepen.io/adaibear/pen/oNWePJB)
52. [curry](https://codepen.io/Ted19851223/pen/vYmJzbe)
53. [敬智](https://codepen.io/hjingjhih/pen/JjNyawK)
54. [Richard](https://codepen.io/richardchen8109/pen/gOWxBpj)
55. [安安](https://codepen.io/leave3310-the-looper/pen/ZEKJqLQ?editors=1010)
56. [紅茶柚o](https://codepen.io/stp9640502/pen/gOWxBmB)
57. [Jax](https://codepen.io/cvecve147/pen/oNWeaep)
58. [Linn](https://codepen.io/winnie50431/pen/MWmvPEy)
59. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/abWyRGy)
60. [longgg](https://codepen.io/long1229/pen/vYmJVjz)
61. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/XWRaxqM)
62. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/KKmvGEM?editors=1010)
63. [SunWei](https://codepen.io/sunweiii/pen/Exmvdzo)
64. [annycheng](https://codepen.io/chengyu0228/pen/rNmzqEz)
65. [Nap](https://codepen.io/o0o0o1o0/pen/bGWrQNV)
66. [AndyWang](https://codepen.io/zuqpbbgu-the-encoder/pen/dyWzQYw)
67. [HSY](https://codepen.io/Hsy_00/pen/vYmJQGw)
68. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/JjNyebm?editors=1010)
69. [tommy](https://codepen.io/TommyTsai/pen/MWmvzpE)
70. [黑川](https://codepen.io/kurokawa/pen/wvdqQgG)
71. [Parsons](https://codepen.io/tom00502/pen/GRmvwdp)
72. [Will](https://codepen.io/WILL_Wu/pen/LYyjXBo)
73. [翁偉凌](https://codepen.io/wengweiling/pen/LYyjXPJ)
74. [Jessy](https://codepen.io/jessy-shen/pen/YzVxdKy)
75. [宜明](https://codepen.io/yawdnhbm/pen/yLboGBE)
76. [Sz](https://codepen.io/szyln/pen/PomKXNm)
77. [frank2411](https://codepen.io/wlk0411/pen/rNmzoGE)
78. [Chien](https://codepen.io/xxchein/pen/OJmjrxO)
79. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/NWjveMB?editors=1011)
80. [Genos](https://codepen.io/pb220416/pen/gOWxZqv)
81. [Lina](https://codepen.io/night2n/pen/PomKXLe?editors=1010)
82. [yuyu](https://codepen.io/yuyu0905/pen/rNmzPex)
83. [Saiki](https://codepen.io/rostpfette/pen/xxdLMOq)
84. [shiuan](https://codepen.io/prankaChang/pen/mdmMvrK?editors=1010)
85. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/poPrGPv)
86. [Eva](https://codepen.io/Eva-go/pen/jOmLdLO)
87. [Churng](https://codepen.io/churng/pen/xxdLBKW)
88. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/rNmzRaG)
89. [Ching Hua](https://codepen.io/ching-hua-wang/pen/yLbowVX)
90. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/RwVZdVX)
91. [ming](https://codepen.io/mm-lium/pen/QWvMZaW)
92. [Kuma](https://codepen.io/kumalulu/pen/gOWxEzP)
93. [kimn](https://codepen.io/kimn/pen/XWRaQdG?editors=1010)
94. [小艾](https://codepen.io/bolaslien/pen/rNmzbMR)
95. [guyu](https://codepen.io/guyu-su/pen/eYWEovX)
96. [NieR](https://codepen.io/dennis8499/pen/poPrBPx)
97. [adam](https://codepen.io/Adam-Hsu/pen/XWRaQvm)
98. [Mia](https://codepen.io/whfan96/pen/XWRawrm)
99. [KFC](https://codepen.io/kuan-fu-chen/pen/MWmvdyY)
100. [Kowin](https://codepen.io/kowin/pen/ZEKJNpb)
101. [Noin](https://codepen.io/Noin/pen/YzVxoXB)
102. [miku3920](https://codepen.io/miku3920/pen/BaRdgjy)
103. [JC](https://codepen.io/jcsamoyed/pen/OJmjeXP?editors=1010)
104. [betty](https://codepen.io/betty-hu/pen/wvdqLJM)
105. [AlanLee](https://codepen.io/boolenboom/pen/wvdqLmz)
106. [ET](https://codepen.io/et0115/pen/MWmvMqV)
107. [Jane Lin](https://codepen.io/as60160/pen/MWmvMBQ)
108. [Yzba](https://codepen.io/oturngo/pen/MWmvMzV)
109. [陳河馬](https://codepen.io/CHEN-HIPPO/pen/GRmvbzZ)
110. [Nico Chang](https://codepen.io/nico-chang/pen/RwVZzzr)
111. [Lindsay](https://codepen.io/lindsay0214/pen/qBmXeVO)
112. [lingxuan](https://codepen.io/penglingxuan/pen/vYmJoVZ?editors=1010)
113. [Mobius](https://codepen.io/dopamine908/pen/ZEKXzGY)
114. [KatieZhao](https://codepen.io/katiezhao/pen/zYwEOrq?editors=1010)
115. [一美](https://codepen.io/Nulaco/pen/mdmBbEL?editors=1010)
116. [a_chieh](https://codepen.io/ivychocho54/pen/OJmxLjr)
117. [yuki](https://codepen.io/sihyu/pen/bGWobLP)
118. [Wilson](https://codepen.io/wilson22316/pen/KKmXPrV)
119. [Chiou](https://codepen.io/daisycml/pen/RwVLbvE?editors=1010)
120. [Chris](https://codepen.io/christoliu/pen/PomJozo?editors=1010)
121. [YSC](https://codepen.io/san__/pen/jOmGOKw)
122. [Shay](https://codepen.io/fromzeroo/pen/OJmxJBX)
123. [yao](https://codepen.io/yaoyaoiii/pen/MWmEWdG)
124. [JoanneLin](https://codepen.io/s61227/pen/GRmMKrB)
125. [sam.tang](https://codepen.io/sam_tang/pen/KKmvjOQ)
126. [Keith](https://codepen.io/qwrejhic/pen/vYmeEam)
127. [Kuan](https://codepen.io/mrkuanyi/pen/BaRwodj)
128. [AhChao](https://codepen.io/AhChao/pen/xxdXZpb)
129. [GuanXian](https://codepen.io/rider159159/pen/ZEKBmaG?editors=0010)
130. [D.E.](https://codepen.io/ailentde/pen/mdmBPWK)
131. [Allen](https://codepen.io/cwl1121/pen/RwVLRXW)
132. [axlrock1021](https://codepen.io/lnjbmmxo/pen/YzVrpJj)
133. [阿儒](https://codepen.io/colinchiu87/pen/zYwEZmO)
134. [samuel823](https://codepen.io/samuelshing/pen/rNmGyXN)
135. [shiuanping](https://codepen.io/shiuanping/pen/RwVLgKm)
136. [JackyYu](https://codepen.io/nemoya16/pen/mdmBMVE)
137. [Limo](https://codepen.io/arabela-syu/pen/GRmMvpq)
138. [BTH](https://codepen.io/Bettyhsu/pen/ZEKXJWM)
139. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/yLbzzyd)
140. [Joyce](https://codepen.io/Joyce-SU/pen/WNjZZpW)
141. [HsiaoWen](https://codepen.io/xiaowen/pen/wvdrPoa)
142. [家妃](https://codepen.io/emily_lin/pen/PomJeRK)
143. [yenying](https://codepen.io/yenying0804/pen/YzVrLbZ)
144. [yojanni](https://codepen.io/unayo/pen/bGWojdG)
145. [JJJoyce]()
146. [Nat](https://codepen.io/dxnqcnen/pen/Exmwrxj)
147. [LuYing](https://codepen.io/lilylily819/pen/XWReOGp)
148. [wj_omg](https://codepen.io/wj_omg/pen/BaRwbzB)
149. [wendy](https://codepen.io/siaochanwu/pen/jOmaNbX)
150. [fsyp2000](https://codepen.io/fsyp2000/pen/gOWXYvj)
151. [Rex_Fu](https://codepen.io/rex_fu/pen/XWRzWdg)
152. [Ruby](https://codepen.io/sozqnmzy/pen/bGWYNeW)
153. [粽粽](https://codepen.io/chanwanchen/pen/RwVjNyG)
154. [yella_moon_巫樾](https://codepen.io/pwbzvqja/pen/jOmaqZo)
155. [RC](https://codepen.io/real_chen/pen/PomOjYV?editors=1010)
156. [poko](https://codepen.io/mingxuan-hsu/pen/QWvOQdJ)
157. [Megan Chen](https://codepen.io/megan_cc/pen/GRmOYpv)
158. [Daisord](https://codepen.io/daisord/pen/PomOxpg)
159. [kg](https://codepen.io/so1so2so34/pen/RwVjvyx)
160. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/MWmOdqg)
161. [Betty](https://codepen.io/gtut3252300/pen/LYyePbN)
162. [Sean Yeh](https://codepen.io/seaniap/pen/oNWpXKG?editors=0001)
163. [JumpBow](https://codepen.io/jump-bow/pen/KKmZMja)
164. [SinHsieh](https://codepen.io/SinHsieh/pen/jOmYMbB)
165. [Izumi 泉](https://codepen.io/izumi-dev/pen/yLbpPGV)
166. [Nielsen](https://codepen.io/nielsen_dch/pen/GRmQNGv)
167. [moitw](https://codepen.io/tsuifei/pen/RwVQjzq)
168. [Yiren](https://codepen.io/Yiren_Liou/pen/VwbQqdN)
169. [Link1515](https://codepen.io/Link1515/pen/oNWEJaV)
170. [來去高雄](https://codepen.io/pocper1/pen/zYwWOgY)
171. [Joy Cheng](https://codepen.io/joycheng5432/pen/NWjYqNg)
172. [Kaori](https://codepen.io/erxxx4321/pen/YzVaJBq)
173. [Lina](https://codepen.io/LinaChen/pen/LYydaQx)
174. [MM](https://codepen.io/MINN3/pen/eYWrBJy)
175. [Yi-Jung](https://codepen.io/yi-jung/pen/JjNZmxw)
176. [DD](https://codepen.io/DD-LIN/pen/NWjzodG)
177. [Edward](https://codepen.io/Edward_77/pen/vYmaegQ)
178. [Choya](https://codepen.io/vekbuzcn-the-reactor/pen/MWmqKoR)
179. [Amber_Lin](https://codepen.io/autum55853/pen/gOWXZyW)
180. [Ant](https://codepen.io/Ant1995/pen/LYyXLQJ)
181. [Han](https://codepen.io/PeiHan/pen/XWRyzGE?editors=1010)
182. [kennyyun](https://codepen.io/kennyyun/pen/zYwMMgj)
183. [james](https://codepen.io/hong-wei/pen/VwbgMKv)
184. [小儀](https://codepen.io/mio514/pen/OJgJvgK)
185. [jaehee](https://codepen.io/bvcijcuv-the-decoder/pen/OJggxmW)
186. [pss940909](https://codepen.io/pss940909/pen/yLxbBZE)
187. [Rio](https://codepen.io/wei_wu/pen/jOerree?editors=1010)