---
# System prepended metadata

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

---


# 🗞 7/23(五) 每日任務

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

## 題目

v-model 指令 2 修飾符

>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/qBmRPbv)
>- 試著將兩個 input 標籤，使用 v-model 方式分別綁定 text1 、 text2
>
>- 為綁定 text1 的 v-model 添加上 .number 修飾符
>
>- 小提示：在綁定 v-model 並添加 .number 修飾符完成後，同學可以試者在 input 打上資料，再點擊 button ，查看 text1 、 text2 的 型別 差異，以瞭解 .number 修飾符的使用。(要先更改綁定 text1 的 input 內容再點擊按鈕才會看到型別上的差異哦！)

更多 v-model 修飾符介紹，可參考 Vue 官方文件：https://cn.vuejs.org/v2/guide/forms.html#%E4%BF%AE%E9%A5%B0%E7%AC%A6

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

## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/KKmaXdv)
2. [wang shuan](https://codepen.io/WangShuan/pen/jOmmbLp?editors=1011)
3. [tony](https://codepen.io/tony0831-l/pen/eYWGqbo)
4. [鏡](https://codepen.io/Jin-L/pen/VwbMogK)
5. [肉鬆](https://codepen.io/klrkicog/pen/ZEKXgVP?editors=1111)
6. [Boris Huang](https://codepen.io/boris0510/pen/MWmENBZ)
7. [Jack](https://codepen.io/yxzzktmb/pen/NWjaQoM?editors=1011)
8. [Yu](https://codepen.io/justyu2001/pen/jOmGgdv)
9. [佳鈴](https://codepen.io/zpyfpsxa/pen/ExmwqrY?editors=1011)
10. [Bucky](https://codepen.io/bucky-3414/pen/YzVrmBp?editors=1011)
11. [詠銓](https://codepen.io/GGfish26/pen/OJmxKGz?editors=1011)
12. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/YzVrmMN?editors=1111)
13. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1010)
14. [Morris](https://codepen.io/morrisss/pen/PomJMME)
15. [YC Lu](https://codepen.io/YCLu/pen/vYmeoom)
16. [Ryan](https://codepen.io/ryanwu1003/pen/yLbPByr)
17. [David](https://codepen.io/davidchangtw/pen/xxdXvoG?editors=1111)
18. [CT](https://codepen.io/ctsvenja/pen/RwVjbrL)
19. [wendy](https://codepen.io/siaochanwu/pen/QWvOLNz)
20. [Alison](https://codepen.io/AlisonTsou/pen/abWVoBN)
21. [Gui](https://codepen.io/guitimliu/pen/dyWZbzz)
22. [Zhao Chen](https://codepen.io/zhao1995chen/pen/poPdzdM?editors=1011)
23. [huanan](https://codepen.io/hua_nan/pen/vYmWBjR)
24. [fsyp2000](https://codepen.io/fsyp2000/pen/poPdzVz?editors=1111)
25. [Joyce](https://codepen.io/Joyce-SU/pen/KKmXOOb)
26. [安安](https://codepen.io/leave3310-the-looper/pen/gOWXYoj?editors=1011) 
27. [BTH](https://codepen.io/Bettyhsu/pen/ZEKazMQ?editors=1111)
28. [frank2411](https://codepen.io/wlk0411/pen/ExmbYdZ)
29. [Bear](https://codepen.io/adaibear/pen/MWmOgZa)
30. [Yzba](https://codepen.io/oturngo/pen/QWvOLoL)
31. [Chu kuohua](https://codepen.io/chukuohua/pen/rNmYBXj)
32. [阿丁兒](https://codepen.io/dingpachan/pen/bGWYGGX?editors=1010)
33. [Zackaz](https://codepen.io/zackaz/pen/OJmOJMe)
34. [AnAn](https://codepen.io/AndyAnn/pen/ExmbxKw?editors=1111)
35. [JohnnyChao](https://codepen.io/yuanjyun/pen/dyWZbxe?editors=1010)
36. [翁偉凌](https://codepen.io/wengweiling/pen/KKmyKzz)
37. [Chiang](https://codepen.io/ChiangJ/pen/VwbrwaG?editors=1011)
38. [curry](https://codepen.io/Ted19851223/pen/OJmOJNe?editors=1111)
39. [Richard](https://codepen.io/richardchen8109/pen/eYWeYdW?editors=1011)
40. [Rex_Fu](https://codepen.io/rex_fu/pen/Exmbxgb?editors=1011)
41. [Saiki](https://codepen.io/rostpfette/pen/xxdPxRY)
42. [Nap](https://codepen.io/o0o0o1o0/pen/oNWoNea)
43. [EN](https://codepen.io/enkuo0828/pen/WNjXNMx)
44. [Jessy](https://codepen.io/jessy-shen/pen/PomOoEY?editors=1010)
45. [ET](https://codepen.io/et0115/pen/BaRmaxN)
46. [Eva](https://codepen.io/hiYifang/pen/bGWYGKp)
47. [Jax](https://codepen.io/cvecve147/pen/MWmOWqv)
48. [Will](https://codepen.io/WILL_Wu/pen/gOWXOBb)
49. [shiuanping](https://codepen.io/shiuanping/pen/RwVjwqX)
50. [紅茶柚o](https://codepen.io/stp9640502/pen/mdmqdgd)
51. [shiuan](https://codepen.io/prankaChang/pen/abWVbrR?editors=1011)
52. [SunWei](https://codepen.io/sunweiii/pen/xxdPbKm)
53. [Mag](https://codepen.io/maggie31416/pen/gOWXbYP?editors=1010)
54. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/RwVjNor)
55. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/QWvOwGO?editors=1011)
56. [Ruby](https://codepen.io/sozqnmzy/pen/ExmbaNr)
57. [longgg](https://codepen.io/long1229/pen/gOWXbmw?editors=1111)
58. [tommy](https://codepen.io/TommyTsai/pen/qBmVEVW)
59. [小肥羊](https://codepen.io/rusheep/pen/yLbPyoE?editors=1111)
60. [黃士桓](https://codepen.io/shr-huan-huang/pen/OJmOPZg)
61. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/GRmOgQr)
62. [yenying](https://codepen.io/yenying0804/pen/YzVEPjW?editors=1111)
63. [miku3920](https://codepen.io/miku3920/pen/bGWYNQL)
64. [yuyu](https://codepen.io/yuyu0905/pen/NWjwPVz?editors=1011)
65. [Eric](https://codepen.io/ericyericy/pen/gOWXbNG)
66. [yojanni](https://codepen.io/unayo/pen/BaRmyXY?editors=1010)
67. [AmberCYT](https://codepen.io/amberTing/pen/JjNOdYX?editors=1111)
68. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/xxdPGrE?editors=1011)
69. [Noin](https://codepen.io/Noin/pen/ZEKaGoG?editors=1111)
70. [Nick](https://codepen.io/nick-lin/pen/MWmOaWe)
71. [jennifershih](https://codepen.io/jennifershih/pen/MWmOaYe?editors=1111)
72. [Chien](https://codepen.io/xxchein/pen/wvdPKBL?editors=1111)
73. [宜明](https://codepen.io/yawdnhbm/pen/rNmYOxy)
74. [Mia](https://codepen.io/whfan96/pen/OJmOMjp)
75. [Shay](https://codepen.io/fromzeroo/pen/XWRzXqG?editors=1011)
76. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/wvdPMby)
77. [小艾](https://codepen.io/bolaslien/pen/OJmONwa)
78. [Churng](https://codepen.io/churng/pen/ExmbyYm)
79. [annycheng](https://codepen.io/chengyu0228/pen/zYwPxeg)
80. [阿儒](https://codepen.io/colinchiu87/pen/XWRzKNg)
81. [Joyce](https://codepen.io/lcijoyce622/pen/VwbrjRO)
82. [kimn](https://codepen.io/kimn/pen/xxdPOBy?editors=1111)
83. [Chen](https://codepen.io/fatchi20150808/pen/gOWXMNp?editors=1010)
84. [Jane Lin](https://codepen.io/as60160/pen/BaRmzeK)
85. [KFC](https://codepen.io/kuan-fu-chen/pen/OJmOXYM?editors=1111)
86. [lu](https://codepen.io/l_umei/pen/QWvOKGq)
87. [Kowin](https://codepen.io/kowin/pen/XWRzjRy?editors=1011)
88. [Wilson](https://codepen.io/wilson22316/pen/mdmqrVe)
89. [Allen Lin](https://codepen.io/lcf7891/pen/MWmObaR?editors=1011)
90. [Sandra](https://codepen.io/yuying-toro/pen/jOmaVqX?editors=1011)
91. [Genos](https://codepen.io/pb220416/pen/ZEKaByz?editors=1111)
92. [yuki](https://codepen.io/sihyu/pen/PomObQB)
93. [HSY](https://codepen.io/Hsy_00/pen/mdmqOxx?editors=1111)
94. [Mobius](https://codepen.io/dopamine908/pen/oNWoYqw)
95. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/XWRzXdx)
96. [Kuan](https://codepen.io/mrkuanyi/pen/BaRwodj)
97. [AhChao](https://codepen.io/AhChao/pen/RwVjKRq)
98. [wj_omg](https://codepen.io/wj_omg/pen/abWVpZL)
99. [NieR](https://codepen.io/dennis8499/pen/JjNOWRV?editors=1111)
100. [Stanley](https://codepen.io/stanley-yeh/pen/gOWXmvg?editors=1011)
101. [Leo](https://codepen.io/leo5j472421/pen/abWVJxo)
102. [sam.tang](https://codepen.io/sam_tang/pen/MWmOoej)
103. [JoanneLin](https://codepen.io/s61227/pen/NWjwgNK)
104. [tina](https://codepen.io/yyuunn/pen/poPdpqO)
105. [poko](https://codepen.io/mingxuan-hsu/pen/VwbrQbb?editors=1111)
106. [Abby](https://codepen.io/abby1125/pen/mdmqxOa?editors=1111)
107. [JackyYu](https://codepen.io/nemoya16/pen/xxdPWYW)
108. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/LYyOmbo?editors=1111)
109. [Linn](https://codepen.io/winnie50431/pen/WNjXJLM)
110. [Nat](https://codepen.io/dxnqcnen/pen/QWvOxyV)
111. [JC](https://codepen.io/jcsamoyed/pen/mdmqKmq?editors=1010)
112. [Olive](https://codepen.io/ys_wu/pen/LYyOBNQ?editors=1010)
113. [guyu](https://codepen.io/guyu-su/pen/yLbPxap)
114. [Parsons](https://codepen.io/tom00502/pen/poPdOra)
115. [Chris](https://codepen.io/christoliu/pen/zYwPJeQ?editors=1111)
116. [Megan Chen](https://codepen.io/megan_cc/pen/YzVEJWZ)
117. [lingxuan](https://codepen.io/penglingxuan/pen/jOmaeeo)
118. [Daisord](https://codepen.io/daisord/pen/wvdPQqw)
119. [HsiaoWen](https://codepen.io/xiaowen/pen/MWmOzzo?editors=1111)
120. [RC](https://codepen.io/real_chen/pen/KKmyJEO?editors=1011)
121. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/PomOvyB)
122. [Betty](https://codepen.io/gtut3252300/pen/yLbpBzr?editors=1111)
123. [wind](https://codepen.io/wind7y/pen/qBmpWej)
124. [家妃](https://codepen.io/emily_lin/pen/BaRJNym)
125. [SeanYeh](https://codepen.io/seaniap/pen/YzVYXrV)
126. [Erica Chen](https://codepen.io/ericachen/pen/YzVYyqL)
127. [粽粽](https://codepen.io/chanwanchen/pen/VwbyeVL)
128. [Chiou](https://codepen.io/daisycml/pen/abWEdrg?editors=1011)
129. [D.E.](https://codepen.io/ailentde/pen/LYyeZmm)
130. [JumpBow](https://codepen.io/jump-bow/pen/wvdpzMG)
131. [SinHsieh](https://codepen.io/SinHsieh/pen/zYwpKqa)
132. [samuel823](https://codepen.io/samuelshing/pen/BaRJZVX)
133. [Izumi 泉](https://codepen.io/izumi-dev/pen/QWvaOXE?editors=1011)
134. [Keith](https://codepen.io/qwrejhic/pen/vYmppGq)
135. [Helen](https://codepen.io/helen75816/pen/oNWpyzb)
136. [axlrock1021](https://codepen.io/andy1021/pen/oNWpPyr)
137. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/MWmrzwW)
138. [GuanXian](https://codepen.io/rider159159/pen/qBmRPbv?editors=1111)
139. [Nielsen](https://codepen.io/nielsen_dch/pen/wvdyoQj)
140. [moitw](https://codepen.io/tsuifei/pen/XWRZZby?editors=1111)
141. [Yiren](https://codepen.io/Yiren_Liou/pen/gOWvZvO)
142. [Link1515](https://codepen.io/Link1515/pen/xxdYmBQ)
143. [Rray](https://codepen.io/odmvowlg-the-sasster/pen/JjNpVVw?editors=1111)
144. [Ryan](https://codepen.io/RYANYANG1102/pen/XWRZLBj)
145. [Ching Hua](https://codepen.io/ching-hua-wang/pen/GRmQbLw?editors=0011)
146. [Katie Zhao](https://codepen.io/katiezhao/pen/NWjYKbv?editors=1010)
147. [來去高雄](https://codepen.io/pocper1/pen/mdmxddM?editors=1111)
148. [Joy Cheng](https://codepen.io/joycheng5432/pen/WNjzvRZ?editors=1011)
149. [Lina](https://codepen.io/night2n/pen/YzVajVQ?editors=1111)
150. [Lina](https://codepen.io/LinaChen/pen/XWREGBm)
151. [MM](https://codepen.io/MINN3/pen/WNjJooR)
152. [敬智](https://codepen.io/hjingjhih/pen/NWjMoXd)
153. [LuYing](https://codepen.io/lilylily819/pen/YzVvzox)
154. [Yi-Jung](https://codepen.io/yi-jung/pen/qBmKQdG?editors=1111)
155. [DD](https://codepen.io/DD-LIN/pen/QWvxYgE)
156. [Edward](https://codepen.io/Edward_77/pen/qBmyPVK?editors=1111)
157. [a_chieh](https://codepen.io/ivychocho54/pen/poPZVqz)
158. [一美](https://codepen.io/Nulaco/pen/PomdbKL?editors=1011)
159. [Amber_Lin](https://codepen.io/autum55853/pen/mdmGWRw?editors=1011)
160. [Ant](https://codepen.io/Ant1995/pen/ExmOXJp?editors=1111)
161. [Han](https://codepen.io/PeiHan/pen/jOmQaRB?editors=1011)
162. [kennyyun](https://codepen.io/kennyyun/pen/zYwMyQV)
163. [james](https://codepen.io/hong-wei/pen/yLbZzzR?editors=1111)
164. [小儀](https://codepen.io/mio514/pen/MWoYyGN)
165. [chiakilalala](https://codepen.io/chiakilalala/pen/eYRrxNx)
166. [betty](https://codepen.io/betty-hu/pen/yLKjeXG?editors=1111)
167. [pss940909](https://codepen.io/pss940909/pen/mdGmbZr?editors=1111)
168. [Rio](https://codepen.io/wei_wu/pen/jOerMVo?editors=1011)