---
# System prepended metadata

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

---


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

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

## 題目
v-on 指令

>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/xxdrdYj)，並執行以下要求：
>  - 試著在 button 標籤添加 v-on 指令，讓使用者點擊 button 時，能夠將 data 中的 btnStatus 做 true 、 false 的布林值切換。
>  
>  - 比如 btnStatus 原本是 true 點擊 button 後會切換到 false ，反之 btnStatus 原本是 false 點了 button 會切換到 true 。
>  - 本次練習有多種解法，同學可以參考其他學員解法。

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


## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/KKmqmXM)
2. [wangshuan](https://codepen.io/WangShuan/pen/OJmOELO?editors=1010)
3. [Joi](https://codepen.io/Joi-Chen/pen/GRmQgob)
4. [Jack](https://codepen.io/yxzzktmb/pen/NWjyPpr?editors=1010)
5. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/oNWEgZJ)
6. [Bucky](https://codepen.io/bucky-3414/pen/XWRZJJe?editors=1010)
7. [詠銓](https://codepen.io/GGfish26/pen/ExmQavR?editors=1010)
8. [Ryan](https://codepen.io/ryanwu1003/pen/dyWdPmE)
9. [陳sam](https://codepen.io/euldpliv/pen/RwVQNmW)
10. [Zackaz](https://codepen.io/zackaz/pen/vYmdEwO)
11. [moitw](https://codepen.io/tsuifei/pen/wvdyrxy)
12. [Boris Huang](https://codepen.io/boris0510/pen/jOmZQaj)
13. [Jin](https://codepen.io/Jin-L/pen/abWqQEp)
14. [tina](https://codepen.io/yyuunn/pen/qBmxQpj)
15. [Yu](https://codepen.io/justyu2001/pen/eYWVQyJ)
16. [Wendy](https://codepen.io/wendy03/pen/eYWVQMJ)
17. [翁偉凌](https://codepen.io/wengweiling/pen/LYyQXQj)
18. [jennifershih](https://codepen.io/jennifershih/pen/wvdyQpN)
19. [Nap](https://codepen.io/o0o0o1o0/pen/LYyQXmz)
20. [佳鈴](https://codepen.io/zpyfpsxa/pen/LYyQXBz)
21. [CT](https://codepen.io/ctsvenja/pen/vYmdQaj)
22. [wj_omg](https://codepen.io/wj_omg/pen/RwVQqYB)
23. [LMY](https://codepen.io/l_umei/pen/jOmZQdE)
24. [JarvisYu](https://codepen.io/jarvis1993/pen/rNmJQPW)
25. [Stanley](https://codepen.io/stanley-yeh/pen/vYmdQba)
26. [小艾](https://codepen.io/bolaslien/pen/bGWLQPX)
27. [小肥羊](https://codepen.io/rusheep/pen/abWqQeL)
28. [Zhao Chen](https://codepen.io/zhao1995chen/pen/jOmZXNb?editors=1010)
29. [Saiki](https://codepen.io/rostpfette/pen/yLbvGNa)
30. [家妃](https://codepen.io/emily_lin/pen/qBmxLEo)
31. [肉鬆](https://codepen.io/klrkicog/pen/JjNpwdp)
32. [AnAn](https://codepen.io/AndyAnn/pen/abWqPvV?editors=1010)
33. [阿丁兒](https://codepen.io/dingpachan/pen/wvdyRGv)
34. [Gui](https://codepen.io/guitimliu/pen/JjNpwYp)
35. [wendy](https://codepen.io/siaochanwu/pen/LYyQMbB)
36. [Jax](https://codepen.io/cvecve147/pen/xxdYmgW)
37. [Yiren](https://codepen.io/Yiren_Liou/pen/GRmQPmb)
38. [frank2411](https://codepen.io/wlk0411/pen/ExmQGZo)
39. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/qBmxLjy)
40. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/JjNpwpa)
41. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1010)
42. [Eva](https://codepen.io/hiYifang/pen/ExmQGQL?editors=1010)
43. [tony](https://codepen.io/tony0831-l/pen/wvdyRYW)
44. [Yu Sung](https://codepen.io/kevin-hsu-the-encoder/pen/NWjyeod?editors=1011)
45. [Chien](https://codepen.io/xxchein/pen/poPaqBW)
46. [curry](https://codepen.io/Ted19851223/pen/poPaqmd)
47. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/YzVedbK)
48. [Eric](https://codepen.io/ericyericy/pen/OJmQrVe)
49. [Link1515](https://codepen.io/Link1515/pen/YzVedmK)
50. [yuyu](https://codepen.io/yuyu0905/pen/bGWLOXg)
51. [紅茶柚o](https://codepen.io/stp9640502/pen/jOmZdOG)
52. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/ZEKrVwr?editors=1111)
53. [kimn](https://codepen.io/kimn/pen/QWvQYwM)
54. [EN](https://codepen.io/enkuo0828/pen/XWRZOjo)
55. [Ben](https://codepen.io/ben39053372/pen/abWqXpx)
56. [Chiang](https://codepen.io/ChiangJ/pen/xxdYMgN?editors=1010)
57. [Will](https://codepen.io/WILL_Wu/pen/bGWLzro)
58. [Abby](https://codepen.io/abby1125/pen/mdmXvxR?editors=1010)
59. [shiuanping](https://codepen.io/shiuanping/pen/jOmZdKp)
60. [ET](https://codepen.io/et0115/pen/BaRYMOm)
61. [timtohy80617](https://codepen.io/timothy_hippo/pen/zYwReaV?editors=1010)
62. [Linn](https://codepen.io/winnie50431/pen/QWvQYZB)
63. [Genos](https://codepen.io/pb220416/pen/LYyQqMG)
64. [Richard](https://codepen.io/richardchen8109/pen/bGWLzyK?editors=1010)
65. [洋蔥](https://codepen.io/mikeyam/pen/qBmxgeZ?editors=1010)
66. [axlrock1021](https://codepen.io/andy1021/pen/zYwRbYx)
67. [安安](https://codepen.io/leave3310-the-looper/pen/OJmQqJv)
68. [yojanni](https://codepen.io/unayo/pen/oNWEVgY)
69. [Chu kuohua](https://codepen.io/chukuohua/pen/XWRZGgX)
70. [Shay](https://codepen.io/fromzeroo/pen/abWqMKJ)
71. [Morris](https://codepen.io/morrisss/pen/LYyQaZx)
72. [Jessy](https://codepen.io/jessy-shen/pen/dyWdrjJ?editors=1010)
73. [Mag](https://codepen.io/maggie31416/pen/abWqMqp?editors=1010)
74. [YC Lu](https://codepen.io/YCLu/pen/mdmXoNQ)
75. [SunWei](https://codepen.io/sunweiii/pen/ExmQMBX)
76. [黃士桓](https://codepen.io/shr-huan-huang/pen/eYWVodW)
77. [Howard](https://codepen.io/yawdnhbm/pen/bGWLJBN)
78. [JohnnyChao](https://codepen.io/yuanjyun/pen/XWRZGNm?editors=1010)
79. [JC](https://codepen.io/jcsamoyed/pen/abWqrvX)
80. [Ruby](https://codepen.io/sozqnmzy/pen/zYwRQoe)
81. [moitw](https://codepen.io/tsuifei/pen/VwbQOBj)
82. [Kowin](https://codepen.io/kowin/pen/eYWVaoa)
83. [Jane Lin](https://codepen.io/as60160/pen/xxdYNow)
84. [miku3920](https://codepen.io/miku3920/pen/abWqgGp)
85. [Ching Hua](https://codepen.io/ching-hua-wang/pen/bGWLPYz)
86. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/BaRYXag?editors=1011)
87. [HSY](https://codepen.io/Hsy_00/pen/YzVemGR)
88. [annycheng](https://codepen.io/chengyu0228/pen/BaRYXYN)
89. [wind](https://codepen.io/wind7y/pen/YzVemOb)
90. [Rray](https://codepen.io/odmvowlg-the-sasster/pen/poPaMqr)
91. [AmberCYT](https://codepen.io/amberTing/pen/poPLzod)
92. [guyu](https://codepen.io/guyu-su/pen/QWvmLKO)
93. [Katie Zhao](https://codepen.io/katiezhao/pen/qBmoWPW)
94. [Ching Hua](https://codepen.io/ching-hua-wang/pen/bGWLPYz)
95. [來去高雄](https://codepen.io/pocper1/pen/bGWvGVj)
96. [shiuan](https://codepen.io/prankaChang/pen/gOWeOWz?editors=1010)
97. [Mobius](https://codepen.io/dopamine908/pen/KKmoKWL)
98. [Avery](https://codepen.io/averyhsutw/pen/GRmxRgO)
99. [Bear](https://codepen.io/adaibear/pen/YzVaPXO)
100. [samuel823](https://codepen.io/samuelshing/pen/PomRwRo)
101. [謝佳伶](https://codepen.io/lilishe/pen/VwbXYxR?editors=1010)
102. [Mia](https://codepen.io/whfan96/pen/qBmoEYJ)
103. [Nick](https://codepen.io/nick-lin/pen/vYmREVq)
104. [SinHsieh](https://codepen.io/SinHsieh/pen/oNWqgVV)
105. [KFC](https://codepen.io/kuan-fu-chen/pen/rNmdVeZ)
106. [yuki](https://codepen.io/sihyu/pen/dyWmoxp)
107. [Joy Cheng](https://codepen.io/joycheng5432/pen/zYwWvxY)
108. [sam.tang](https://codepen.io/sam_tang/pen/LYydpLW)
109. [JoanneLin](https://codepen.io/s61227/pen/qBmoOXR)
110. [Chiou](https://codepen.io/daisycml/pen/RwVMWxQ)
111. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/JjNLopB)
112. [yenying](https://codepen.io/yenying0804/pen/LYydNGo?editors=1010)
113. [Nat](https://codepen.io/dxnqcnen/pen/WNjzwmy)
114. [GuanXian](https://codepen.io/rider159159/pen/xxdrdYj)
115. [D.E.](https://codepen.io/ailentde/pen/jOmzrRO)
116. [Kuan](https://codepen.io/mrkuanyi/pen/LYydROJ)
117. [Allen Lin](https://codepen.io/lcf7891/pen/eYWMELG)
118. [JackyYu](https://codepen.io/nemoya16/pen/BaRrmRV)
119. [Betty](https://codepen.io/gtut3252300/pen/VwbXQKZ)
120. [Izumi 泉](https://codepen.io/izumi-dev/pen/JjNpeMN?editors=1010)
121. [AhChao](https://codepen.io/AhChao/pen/eYWMxJM)
122. [Lina](https://codepen.io/LinaChen/pen/mdmxooL)
123. [Noin](https://codepen.io/Noin/pen/RwVMOYO)
124. [Helen](https://codepen.io/helen75816/pen/poPLXPY?editors=1010)
125. [Megan Chen](https://codepen.io/megan_cc/pen/LYyQEqK)
126. [RC](https://codepen.io/real_chen/pen/mdmLzYE?editors=1011)
127. [敬智](https://codepen.io/hjingjhih/pen/eYWrxKK)
128. [Churng](https://codepen.io/churng/pen/WNjJWwW)
129. [Daisord](https://codepen.io/daisord/pen/ZEKoNLa)
130. [lingxuan](https://codepen.io/penglingxuan/pen/OJmZeVm)
131. [Keith](https://codepen.io/qwrejhic/pen/ExmRgEW)
132. [Kaori](https://codepen.io/erxxx4321/pen/wvdXoEz)
133. [fsyp2000](https://codepen.io/fsyp2000/pen/bGWKmVG)
134. [Yi-Jung](https://codepen.io/yi-jung/pen/vYmrQWK)
135. [阿儒](https://codepen.io/colinchiu87/pen/VwbdgNo)
136. [艾草](https://codepen.io/jmkhsutp/pen/RwVBKKW)
137. [Edward](https://codepen.io/Edward_77/pen/ZEKjXmX)
138. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/VwbBgMG)
139. [NieR](https://codepen.io/dennis8499/pen/oNWPgvj)
140. [Lina](https://codepen.io/night2n/pen/eYWLmbN)
141. [poko](https://codepen.io/mingxuan-hsu/pen/abWaNop)
142. [Amber_Lin](https://codepen.io/autum55853/pen/mdmzbGa?editors=1010)
143. [一美](https://codepen.io/Nulaco/pen/NWjOKVq?editors=1010)
144. [Parsons](https://codepen.io/tom00502/pen/RwVqNPP)
145. [LuYing](https://codepen.io/lilylily819/pen/zYwMzyj)
146. [Ant](https://codepen.io/Ant1995/pen/YzVREpJ)
147. [Han](https://codepen.io/PeiHan/pen/WNjYXqR?editors=1010)
148. [james](https://codepen.io/hong-wei/pen/poPGpjE?editors=1010)
149. [chiakilala](https://codepen.io/chiakilalala/pen/MWoXeOy)
150. [betty](https://codepen.io/betty-hu/pen/MWVGKqd?editors=1010)