---
# System prepended metadata

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

---

# 🗞 7/22(四) 每日任務


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

## 題目

v-model 指令

>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/RwVKZqz)，並執行以下要求：
> - 試著在 input 標籤，使用 v-model 綁定 Vue data 中的 text1 。
>
> - 小提示 1 ： 當 v-model 綁定成功後，可以試著調整 input 內容，再點擊 button 查看 text1 的內容，以便瞭解 v-model 雙向綁定特性。
> - 小提示 2 ： 本次作業只需調整 HTML 部分即可，不需要動到 JS 區塊。
>- fork 按鈕在 codepen 畫面右下角
![](https://i.imgur.com/pP38JTd.png)

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

## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/jOmyLXy)
2. [wang shuan](https://codepen.io/WangShuan/pen/ZEKKbyw?editors=1011)
3. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/ZEKXeWq)
4. [Wendy](https://codepen.io/wendy03/pen/JjNrWKg)
5. [Stanley](https://codepen.io/stanley-yeh/pen/qBmPraW)
6. [佳鈴](https://codepen.io/zpyfpsxa/pen/wvdrJzq?editors=1010)
7. [Nick](https://codepen.io/nick-lin/pen/zYwEZKb?editors=1111)
8. [陳sam](https://codepen.io/euldpliv/pen/MWmEpbq?editors=1111)
9. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1010)
10. [AnAn](https://codepen.io/AndyAnn/pen/abWLJpg?editors=1111)
11. [Tommy](https://codepen.io/TommyTsai/pen/VwbMpbe)
12. [Bucky](https://codepen.io/bucky-3414/pen/RwVLppG?editors=1011)
13. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/BaRwWJm)
14. [Allen Lin](https://codepen.io/lcf7891/pen/KKmXWvB)
15. [Yu](https://codepen.io/justyu2001/pen/oNWGZpb)
16. [小艾](https://codepen.io/bolaslien/pen/KKmXWoG)
17. [Nap](https://codepen.io/o0o0o1o0/pen/BaRwWxJ)
18. [jennifershih](https://codepen.io/jennifershih/pen/GRmMWYv)
19. [鏡](https://codepen.io/Jin-L/pen/QWvqpYZ)
20. [Boris Huang](https://codepen.io/boris0510/pen/qBmPrgZ)
21. [JohnnyChao](https://codepen.io/yuanjyun/pen/RwVLpeV?editors=1011)
22. [Saiki](https://codepen.io/rostpfette/pen/yLbzMqZ)
23. [阿儒](https://codepen.io/colinchiu87/pen/gOWGmQX)
24. [Jack](https://codepen.io/yxzzktmb/pen/rNmGygB?editors=1010)
25. [Alison](https://codepen.io/AlisonTsou/pen/JjNrWgK)
26. [wind](https://codepen.io/wind7y/pen/zYwEZVG)
27. [samuel823](https://codepen.io/samuelshing/pen/KKmXWOE)
28. [Yzba](https://codepen.io/oturngo/pen/ExmwmYV)
29. [Chien](https://codepen.io/xxchein/pen/LYyzyPb)
30. [Chiou](https://codepen.io/daisycml/pen/XWReRJb?editors=1010)
31. [Morris](https://codepen.io/morrisss/pen/PomJmoe)
32. [tina](https://codepen.io/yyuunn/pen/gOWGWpe)
33. [huanan](https://codepen.io/hua_nan/pen/QWvqvEP)
34. [Mag](https://codepen.io/maggie31416/pen/XWReRdm)
35. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/mdmBmRL?editors=1010)
36. [阿丁兒](https://codepen.io/dingpachan/pen/poPWPNM?editors=1010)
37. [Will](https://codepen.io/WILL_Wu/pen/ZEKXKyb)
38. [Gui](https://codepen.io/guitimliu/pen/gOWGWRd)
39. [肉鬆](https://codepen.io/klrkicog/pen/MWmEmWN?editors=1111)
40. [黃士桓](https://codepen.io/shr-huan-huang/pen/gOWGWoB)
41. [Eric](https://codepen.io/ericyericy/pen/OJmxmOr)
42. [Eva](https://codepen.io/hiYifang/pen/KKmXmRw?editors=1111)
43. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/MWmEmBK)
44. [Abby](https://codepen.io/abby1125/pen/ExmwmMv)
45. [CT](https://codepen.io/ctsvenja/pen/QWvqvej)
46. [BTH](https://codepen.io/Bettyhsu/pen/abWLwoV?editors=1011)
47. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/YzVrVdj?editors=1011)
48. [Jessy](https://codepen.io/jessy-shen/pen/RwVLgpm)
49. [shiuanping](https://codepen.io/shiuanping/pen/GRmMErV)
50. [紅茶柚o](https://codepen.io/stp9640502/pen/oNWGwom)
51. [curry](https://codepen.io/Ted19851223/pen/PomJjdZ?editors=1111)
52. [Bear](https://codepen.io/adaibear/pen/vYmeZro)
53. [Jax](https://codepen.io/cvecve147/pen/jOmGwoG)
54. [Ryan](https://codepen.io/ryanwu1003/pen/eYWGEYL)
55. [hsiung](https://codepen.io/hsiungchi/pen/BaRwdNW)
56. [Richard](https://codepen.io/richardchen8109/pen/XWReaby?editors=1010)
57. [JackyYu](https://codepen.io/nemoya16/pen/JjNryGQ)
58. [David](https://codepen.io/davidchangtw/pen/MWmEvKB)
59. [Limo](https://codepen.io/arabela-syu/pen/mdmBMEE)
60. [小肥羊](https://codepen.io/rusheep/pen/yLbzobx)
61. [NieR](https://codepen.io/dennis8499/pen/oNWGeoj)
62. [miku3920](https://codepen.io/miku3920/pen/GRmMvGE)
63. [Shay](https://codepen.io/fromzeroo/pen/JjNrymY)
64. [YC Lu](https://codepen.io/YCLu/pen/eYWGEKo)
65. [ET](https://codepen.io/et0115/pen/MWmEvVL)
66. [EN](https://codepen.io/enkuo0828/pen/RwVLLbL)
67. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/ZEKXJgg)
68. [詠銓](https://codepen.io/GGfish26/pen/YzVrrwr?editors=1011)
69. [Lina](https://codepen.io/night2n/pen/xxdXXGO)
70. [阿緯](https://codepen.io/isaac1125/pen/poPWWyX)
71. [Joyce](https://codepen.io/Joyce-SU/pen/oNWGGbW)
72. [lu](https://codepen.io/l_umei/pen/KKmXXNj)
73. [yuyu](https://codepen.io/yuyu0905/pen/yLbzzZO?editors=1011)
74. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/vYmeWBQ?editors=1111)
75. [HsiaoWen](https://codepen.io/xiaowen/pen/ZEKXaeJ)
76. [shiuan](https://codepen.io/prankaChang/pen/ZEKXayJ?editors=1011)
77. [annycheng](https://codepen.io/chengyu0228/pen/jOmGazB)
78. [Jane Lin](https://codepen.io/as60160/pen/NWjawVj)
79. [Noin](https://codepen.io/Noin/pen/abWLEOM?editors=1111)
80. [Helen](https://codepen.io/helen75816/pen/VwbMymv?editors=1011)
81. [翁偉凌](https://codepen.io/wengweiling/pen/YzVrYNw)
82. [Wuu](https://codepen.io/coolwuu/pen/PomJEmm)
83. [guyu](https://codepen.io/guyu-su/pen/poPWpKQ)
84. [Zhao Chen](https://codepen.io/zhao1995chen/pen/ExmwoBj?editors=1011)
85. [Parsons](https://codepen.io/tom00502/pen/XWReVLW)
86. [艾草](https://codepen.io/jmkhsutp/pen/jOmGZEd?editors=1010)
87. [Zackaz](https://codepen.io/zackaz/pen/bGWoLvJ)
88. [Kazami](https://codepen.io/kazamicode/pen/gOWGvdQ)
89. [Lindsay](https://codepen.io/lindsay0214/pen/MWmEQMj)
90. [kimn](https://codepen.io/kimn/pen/ZEKXxpK?editors=1111)
91. [Kowin](https://codepen.io/kowin/pen/OJmxvQV)
92. [Wilson](https://codepen.io/wilson22316/pen/poPWaYg?editors=1111)
93. [Kuan](https://codepen.io/mrkuanyi/pen/poPWjrw)
94. [Chen](https://codepen.io/fatchi20150808/pen/gOWGzEX)
95. [Mobius](https://codepen.io/dopamine908/pen/ExmwLza)
96. [yenying](https://codepen.io/yenying0804/pen/YzVrvqx)
97. [yuki](https://codepen.io/sihyu/pen/RwVLyzZ?editors=1010)
98. [yojanni](https://codepen.io/unayo/pen/vYmeaBV?editors=1010)
99. [lingxuan](https://codepen.io/penglingxuan/pen/JjNrBjp?editors=1111)
100. [Mia](https://codepen.io/whfan96/pen/gOWGjYE)
101. [SunWei](https://codepen.io/sunweiii/pen/QWvqBjj)
102. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/JjNrBNZ?editors=1011)
103. [KatieZhao](https://codepen.io/katiezhao/pen/yLbzqpX?editors=1010)
104. [Joyce](https://codepen.io/lcijoyce622/pen/bGWoxrY)
105. [HSY](https://codepen.io/Hsy_00/pen/MWmEqPL?editors=1111)
106. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/LYyzgYR)
107. [Genos](https://codepen.io/pb220416/pen/mdmBzgQ?editors=1111)
108. [法蘭克](https://codepen.io/frank0321/pen/QWvqJKy)
109. [Nat](https://codepen.io/dxnqcnen/pen/NWjaoPL)
110. [D.E.](https://codepen.io/ailentde/pen/LYyzqzL)
111. [wendy](https://codepen.io/siaochanwu/pen/JjNOPXK?editors=1011)
112. [安安](https://codepen.io/leave3310-the-looper/pen/YzVEKEE?editors=1111) 
113. [fsyp2000](https://codepen.io/fsyp2000/pen/oNWovqe?editors=1111)
114. [frank2411](https://codepen.io/wlk0411/pen/vYmWBaR)
115. [Chu kuohua](https://codepen.io/chukuohua/pen/eYWeOwd)
116. [Chiang](https://codepen.io/ChiangJ/pen/YzVEzyO?editors=1011)
117. [Rex_Fu](https://codepen.io/rex_fu/pen/XWRzWKg)
118. [hao](https://codepen.io/hao1008/pen/wvdPvPa)
119. [Ruby](https://codepen.io/sozqnmzy/pen/mdmqyrV)
120. [粽粽](https://codepen.io/chanwanchen/pen/zYwPxaQ)
121. [AmberCYT](https://codepen.io/amberTing/pen/JjNOdoG?editors=1111)
122. [宜明](https://codepen.io/yawdnhbm/pen/ExmbVVv)
123. [Churng](https://codepen.io/churng/pen/YzVEqbL)
124. [KFC](https://codepen.io/kuan-fu-chen/pen/XWRzKGq?editors=1111)
125. [wj_omg](https://codepen.io/wj_omg/pen/gOWXgPE)
126. [RC](https://codepen.io/real_chen/pen/VwbrboX?editors=1011)
127. [sam.tang](https://codepen.io/sam_tang/pen/WNjXOwN)
128. [JoanneLin](https://codepen.io/s61227/pen/zYwPzOZ)
129. [poko](https://codepen.io/mingxuan-hsu/pen/mdmqXWq?editors=1111)
130. [Linn](https://codepen.io/winnie50431/pen/vYmWjpN)
131. [JC](https://codepen.io/jcsamoyed/pen/LYyOrWR?editors=1010)
132. [Olive](https://codepen.io/ys_wu/pen/gOWXjmE)
133. [Chris](https://codepen.io/christoliu/pen/JjNOaag?editors=1011)
134. [Megan Chen](https://codepen.io/megan_cc/pen/KKmyGVr)
135. [Daisord](https://codepen.io/daisord/pen/vYmWQmV)
136. [Amber_Lin](https://codepen.io/autum55853/pen/JjNOwqj?editors=1011)
137. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/QWvORVo)
138. [Betty](https://codepen.io/gtut3252300/pen/WNjdeoK?editors=1111)
139. [家妃](https://codepen.io/emily_lin/pen/QWvabLr)
140. [SeanYeh](https://codepen.io/seaniap/pen/oNWpXyZ?editors=1111)
141. [Erica Chen](https://codepen.io/ericachen/pen/LYyepEz?editors=1010)
142. [JumpBow](https://codepen.io/jump-bow/pen/rNmpMNp)
143. [SinHsieh](https://codepen.io/SinHsieh/pen/mdmprPb)
144. [Izumi 泉](https://codepen.io/izumi-dev/pen/oNWpomP?editors=1011)
145. [Keith](https://codepen.io/qwrejhic/pen/qBmppOJ)
146. [axlrock1021](https://codepen.io/andy1021/pen/JjNMMrx)
147. [kimn](https://codepen.io/kimn/pen/jOmZPvQ?editors=1111)
148. [Nielsen](https://codepen.io/nielsen_dch/pen/zYwRomY)
149. [moitw](https://codepen.io/tsuifei/pen/JjNpMoL?editors=1111)
150. [Yiren](https://codepen.io/Yiren_Liou/pen/gOWvZKb)
151. [Link1515](https://codepen.io/Link1515/pen/YzVedRo)
152. [Rray](https://codepen.io/odmvowlg-the-sasster/pen/WNjMWao)
153. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/JjNpQMW?editors=1011)
154. [來去高雄](https://codepen.io/pocper1/pen/ExmExYa)
155. [Joy Cheng](https://codepen.io/joycheng5432/pen/LYydVZK?editors=1011)
156. [Kaori](https://codepen.io/erxxx4321/pen/BaRrGNJ)
157. [Lina](https://codepen.io/LinaChen/pen/YzVagLr)
158. [MM](https://codepen.io/MINN3/pen/ExmLNyp)
159. [敬智](https://codepen.io/hjingjhih/pen/mdmLvBd)
160. [LuYing](https://codepen.io/lilylily819/pen/MWmXWZM)
161. [Yi-Jung](https://codepen.io/yi-jung/pen/ZEKRqZx?editors=1111)
162. [a_chieh](https://codepen.io/ivychocho54/pen/ExmRGZK)
163. [DD](https://codepen.io/DD-LIN/pen/YzVvBZB)
164. [Edward](https://codepen.io/Edward_77/pen/JjNBrJL?editors=1111)
165. [一美](https://codepen.io/Nulaco/pen/mdmGOWz?editors=1010)
166. [kennyyun](https://codepen.io/kennyyun/pen/XWRxRrb)
167. [Ant](https://codepen.io/Ant1995/pen/oNWQwQJ)
168. [Han](https://codepen.io/PeiHan/pen/YzVREgb?editors=1011)
169. [james](https://codepen.io/hong-wei/pen/LYyqzLV?editors=1111)
170. [小儀](https://codepen.io/mio514/pen/zYzYWEP)
171. [betty](https://codepen.io/betty-hu/pen/VwXxebj)
172. [pss940909](https://codepen.io/pss940909/pen/dyqWbLP?editors=1111)