---
# System prepended metadata

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

---


# 🗞 7/20(二) 每日任務

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

## 題目

Vue 資料綁定
 >請複製 （右下角 fork） [這個範例](https://codepen.io/rider159159/pen/GRmNwmd)，並執行以下要求：
 > - Vue data 資料中已經有三筆資料，請使用 {{}} 、 v-text 
 >、 v-model 三種指令，將 Vue data 中的三筆資料進行綁定。 
 >- fork 按鈕在 codepen 畫面右下角
![](https://i.imgur.com/pP38JTd.png)


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

## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/oNWYQZW)
2. [wang shuan](https://codepen.io/WangShuan/pen/jOmmbBK?editors=1010)
3. [Bucky](https://codepen.io/bucky-3414/pen/xxdLKdX)
4. [tony](https://codepen.io/tony0831-l/pen/RwVZbVe)
5. [Nap](https://codepen.io/o0o0o1o0/pen/gOWxYWq)
6. [AnAn](https://codepen.io/AndyAnn/pen/wvdqwdL?editors=1010)
7. [Wendy](https://codepen.io/wendy03/pen/yLboBoJ)
8. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/bGWrbob)
9. [鏡](https://codepen.io/Jin-L/pen/ExmvYbw)
10. [Sz](https://codepen.io/szyln/pen/PomKYJg)
11. [Allen Lin](https://codepen.io/lcf7891/pen/zYwdOdz)
12. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/xxdLKXP)
13. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1010)
14. [Morris](https://codepen.io/morrisss/pen/JjNyPpp)
15. [啾啾](https://codepen.io/mnqkmxbc/pen/oNWeved)
16. [AhChao](https://codepen.io/AhChao/pen/XWRarEa)
17. [Boris Huang](https://codepen.io/boris0510/pen/abWyoYE)
18. [kimn](https://codepen.io/kimn/pen/wvdqwjv)
19. [Ryan](https://codepen.io/ryanwu1003/pen/NWjvKzq)
20. [Yzba](https://codepen.io/oturngo/pen/yLboBEV)
21. [黑川](https://codepen.io/kurokawa/pen/KKmvPxg)
22. [Yu](https://codepen.io/justyu2001/pen/JjNyPBv)
23. [肉鬆](https://codepen.io/klrkicog/pen/GRmvKYa)
24. [wendy](https://codepen.io/siaochanwu/pen/GRmvKwb?editors=1010)
25. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/KKmvPJN?editors=1010)
26. [tina](https://codepen.io/yyuunn/pen/poPrzYR)
27. [Alison](https://codepen.io/AlisonTsou/pen/gOWxYoy)
28. [佳鈴](https://codepen.io/zpyfpsxa/pen/rNmzBEp)
29. [huanan](https://codepen.io/hua_nan/pen/BaRdaao)
30. [Churng](https://codepen.io/churng/pen/rNmzNVJ)
31. [Marco](https://codepen.io/MarcoLin1/pen/JjNyjdm)
32. [詠銓](https://codepen.io/GGfish26/pen/GRmvRZg)
33. [宜明](https://codepen.io/yawdnhbm/pen/eYWEYJV)
34. [Abby](https://codepen.io/abby1125/pen/qBmXBZL)
35. [陳sam](https://codepen.io/euldpliv/pen/QWvMWEp)
36. [Zhao Chen](https://codepen.io/zhao1995chen/pen/abWybZR?editors=1010)
37. [Nick](https://codepen.io/nick-lin/pen/WNjENop)
38. [kevin_hws](https://codepen.io/kevinshu/pen/dyWzyOE)
39. [EN](https://codepen.io/enkuo0828/pen/yLboLVP)
40. [Mag](https://codepen.io/maggie31416/pen/RwVZwGw?editors=1010)
41. [CT](https://codepen.io/ctsvenja/pen/Exmvxmd)
42. [Stanley](https://codepen.io/stanley-yeh/pen/poProwd)
43. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/oNWeNer)
44. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/MWmvWeO?editors=1010)
45. [kaichun](https://codepen.io/kaiiichun/pen/bGWrGMR?editors=1010)
46. [Chu kuohua](https://codepen.io/chukuohua/pen/KKmvKxo)
47. [Gui](https://codepen.io/guitimliu/pen/JjNyjxg)
48. [Allen](https://codepen.io/cwl1121/pen/BaRdavZ)
49. [Saiki](https://codepen.io/rostpfette/pen/abWybxg)
50. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/eYWEYwx)
51. [Bear](https://codepen.io/adaibear/pen/qBmXBzB)
52. [Chiang](https://codepen.io/ChiangJ/pen/ZEKJEgV?editors=1010)
53. [wj_omg](https://codepen.io/wj_omg/pen/oNWegxx)
54. [ET](https://codepen.io/et0115/pen/JjNyoXd)
55. [Noin](https://codepen.io/Noin/pen/jOmLEVe)
56. [shiuanping](https://codepen.io/shiuanping/pen/JjNyoJG)
57. [Chiou](https://codepen.io/daisycml/pen/gOWxbGo?editors=1010)
58. [黃士桓](https://codepen.io/shr-huan-huang/pen/QWvMwOJ)
59. [yao](https://codepen.io/yaoyaoiii/pen/NWjvPwL)
60. [家妃](https://codepen.io/emily_lin/pen/LYyjEeb)
61. [longgg](https://codepen.io/long1229/pen/bGWrNYj)
62. [JackyYu](https://codepen.io/nemoya16/pen/rNmzaKa)
63. [阿丁兒](https://codepen.io/dingpachan/pen/BaRdyVP?editors=1010)
64. [cc](https://codepen.io/
li527/pen/yLboyjd)
65. [Jax](https://codepen.io/cvecve147/pen/poPrvYM)
66. [Jack](https://codepen.io/yxzzktmb/pen/BaRdyXv?editors=1010)
67. [JohnnyChao](https://codepen.io/yuanjyun/pen/GRmvKXa?editors=1010)
68. [紅茶柚o](https://codepen.io/stp9640502/pen/rNmzabx)
69. [尼歐](https://codepen.io/naphro/pen/MWmvwKa)
70. [小肥羊](https://codepen.io/rusheep/pen/wvdqaGZ)
71. [安安](https://codepen.io/leave3310-the-looper/pen/yLboNoO)
72. [curry](https://codepen.io/Ted19851223/pen/PomKqOg)
73. [hao](https://codepen.io/hao1008/pen/VwbzLQG)
74. [Parsons](https://codepen.io/tom00502/pen/OJmjVBL)
75. [Tim Chen](https://codepen.io/timchen0607/pen/NWjvqeG)
76. [guyu](https://codepen.io/guyu-su/pen/xxdLGNz)
77. [Eric](https://codepen.io/ericyericy/pen/rNmzONp)
78. [Jessy](https://codepen.io/jessy-shen/pen/abWyvOj)
79. [Will](https://codepen.io/WILL_Wu/pen/KKmvdpm)
80. [Heize](https://codepen.io/zcc22592590/pen/abWyvda)
81. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/WNjEQxR)
82. [jennifershih](https://codepen.io/jennifershih/pen/qBmXOVw)
83. [Pinky Shen](https://codepen.io/pinky_shen/pen/OJmjygX?editors=1010)
84. [AmberCYT](https://codepen.io/amberTing/pen/ZEKJbRj)
85. [LuYing](https://codepen.io/lilylily819/pen/yLboYqj)
86. [miku3920](https://codepen.io/miku3920/pen/oNWejPv)
87. [annycheng](https://codepen.io/chengyu0228/pen/vYmJNQL)
88. [Liang](https://codepen.io/oneliang/pen/vYmJNMG?editors=1010)
89. [Wilson](https://codepen.io/wilson22316/pen/PomKZPK?editors=1010)
90. [Chien](https://codepen.io/xxchein/pen/rNmzxBR)
91. [samuel823](https://codepen.io/samuelshing/pen/poPrgbQ)
92. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/KKmvVWr?editors=1010)
93. [Sandra](https://codepen.io/yuying-toro/pen/qBmXbYa)
94. [Richard](https://codepen.io/richardchen8109/pen/GRmvody?editors=1010)
95. [Shay](https://codepen.io/fromzeroo/pen/dyWzGKW)
96. [tommy](https://codepen.io/fromzeroo/pen/dyWzGKW)
97. [GuanXian](https://codepen.io/cgx871220/pen/oNWebre)
98. [David](https://codepen.io/davidchangtw/pen/yLboLaP)
99. [yenying](https://codepen.io/yenying0804/pen/OJmjNOY)
100. [Zackaz](https://codepen.io/zackaz/pen/qBmXNeB)
101. [yuyu](https://codepen.io/yuyu0905/pen/mdmMrJR)
102. [小艾](https://codepen.io/bolaslien/pen/mdmMreW)
103. [Kowin](https://codepen.io/kowin/pen/YzVxpZv)
104. [ChengWeiHou](https://codepen.io/ChengWeiHou/details/jOmLVzb)
105. [Ching Hua](https://codepen.io/ching-hua-wang/pen/abWyBaE?editors=1010)
106. [Mia](https://codepen.io/whfan96/pen/abWyBjE)
107. [Jane Lin](https://codepen.io/as60160/pen/abWyBpw)
108. [Mobius](https://codepen.io/dopamine908/pen/gOWxLxq)
109. [Kuan](https://codepen.io/mrkuanyi/pen/BaRdprQ)
110. [adam](https://codepen.io/Adam-Hsu/pen/ZEKJLoR)
111. [Eva](https://codepen.io/hiYifang/pen/LYyjxMP?editors=1010)
112. [Chen](https://codepen.io/fatchi20150808/pen/zYwdNQb?editors=1010)
113. [一美](https://codepen.io/Nulaco/pen/yLbogmx)
114. [JC](https://codepen.io/jcsamoyed/pen/poPreJO)
115. [lingxuan](https://codepen.io/penglingxuan/pen/poPrewq)
116. [Nat](https://codepen.io/dxnqcnen/pen/BaRdWBd)
117. [阿儒](https://codepen.io/colinchiu87/pen/jOmLmNj)
118. [cw](https://codepen.io/dile1/pen/vYmJmBd)
119. [wind](https://codepen.io/wind7y/pen/dyWzWej)
120. [Genos](https://codepen.io/pb220416/pen/poPrPxE)
121. [艾草](https://codepen.io/jmkhsutp/pen/wvdqdZB?editors=1010)
122. [D.E.](https://codepen.io/ailentde/pen/eYWEWXR)
123. [betty](https://codepen.io/betty-hu/pen/QWvMMLm?editors=1010)
124. [Helen](https://codepen.io/helen75816/pen/GRmvvyM)
125. [Chris](https://codepen.io/christoliu/pen/poPrrpG?editors=1010)
126. [shiuan](https://codepen.io/prankaChang/pen/GRmvvzx?editors=1010)
127. [SunWei](https://codepen.io/sunweiii/pen/gOWxxqz)
128. [sam.tang](https://codepen.io/sam_tang/pen/mdmMBbL)
129. [JoanneLin](https://codepen.io/s61227/pen/abWyLbB)
130. [a_chieh](https://codepen.io/ivychocho54/pen/jOmLGPg)
131. [RC](https://codepen.io/real_chen/pen/NWjvwWN?editors=1010)
132. [Lindsay](https://codepen.io/lindsay0214/pen/MWmvOdB)
133. [yojanni](https://codepen.io/unayo/pen/LYyjeYE)
134. [ALEX](https://codepen.io/alex947066/pen/KKmvZzB)
135. [DD](https://codepen.io/DD-LIN/pen/PomKEqm)
136. [Leo](https://codepen.io/leo5j472421/pen/abWyKKL)
137. [Erica Chen](https://codepen.io/ericachen/pen/QWvMBvp)
138. [lu](https://codepen.io/l_umei/pen/KKmvBoX)
139. [YC Lu](https://codepen.io/YCLu/pen/QWvMBVM)
140. [敬智](https://codepen.io/hjingjhih/pen/yLboxNx)
141. [ming](https://codepen.io/mm-lium/pen/gOWxBGZ)
142. [Linn](https://codepen.io/winnie50431/pen/yLboRve)
143. [翁偉凌](https://codepen.io/wengweiling/pen/wvdqYZv)
144. [AndyWang](https://codepen.io/zuqpbbgu-the-encoder/pen/GRmvwRb)
145. [axlrock1021](https://codepen.io/lnjbmmxo/pen/zYwdaRw)
146. [HSY](https://codepen.io/Hsy_00/pen/oNWeQbQ)
147. [frank2411](https://codepen.io/wlk0411/pen/abWyPwb)
148. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/dyWzwWM?editors=1010)
149. [Lina](https://codepen.io/night2n/pen/zYwdyNV)
150. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/gOWxqgB)
151. [Kuma](https://codepen.io/kumalulu/pen/JjNyzMw)
152. [YSC](https://codepen.io/san__/pen/xxdLBzm)
153. [NieR](https://codepen.io/dennis8499/pen/KKmvYWx)
154. [KFC](https://codepen.io/kuan-fu-chen/pen/QWvMRwP)
155. [AlanLee](https://codepen.io/boolenboom/pen/xxdLoPy)
156. 156. [yellamoon](https://codepen.io/pwbzvqja/pen/QWvMXzM)
157. [KatieZhao](https://codepen.io/katiezhao/pen/MWmEgJw?editors=1010)
158. [一美](https://codepen.io/Nulaco/pen/yLbogmx?editors=1010)
159. [yuki](https://codepen.io/sihyu/pen/YzVrKrL)
160. [Keith](https://codepen.io/qwrejhic/pen/eYWGmjw)
161. [Limo](https://codepen.io/arabela-syu/pen/QWvqMbO)
162. [BTH](https://codepen.io/Bettyhsu/pen/NWjavxa?editors=1010)
163. [Joyce](https://codepen.io/Joyce-SU/pen/VwbMMXQ)
164. [Hsioa Wen](https://codepen.io/xiaowen/pen/rNmGYxz)
165. [Joyce](https://codepen.io/lcijoyce622/pen/KKmXxQB)
166. [fsyp2000](https://codepen.io/fsyp2000/pen/YzVEKYY)
167. [Rex_Fu](https://codepen.io/rex_fu/pen/XWRzWXg?editors=1010)
168. [Ruby](https://codepen.io/sozqnmzy/pen/WNjXbrO)
169. [粽粽](https://codepen.io/chanwanchen/pen/mdmqyxO)
170. [poko](https://codepen.io/mingxuan-hsu/pen/jOmaZVX)
171. [Megan Chen](https://codepen.io/megan_cc/pen/wvdPYwp)
172. [Daisord](https://codepen.io/daisord/pen/PomOxWg)
173. [Amber_Lin](https://codepen.io/autum55853/pen/gOWXZZm?editors=1010)
174. [kg](https://codepen.io/so1so2so34/pen/MWmOLod)
175. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/jOmaoKR)
176. [Betty](https://codepen.io/gtut3252300/pen/bGWabwM)
177. [SeanYeh](https://codepen.io/seaniap/pen/xxdpwZr)
178. [JumpBow](https://codepen.io/jump-bow/pen/gOWoMZN)
179. [SinHsieh](https://codepen.io/SinHsieh/pen/XWRVjJZ)
180. [Izumi 泉](https://codepen.io/izumi-dev/pen/wvdpPQv)
181. [Pidder](https://codepen.io/pidderliao/pen/PomEEKZ?editors=1010)
182. [Nielsen](https://codepen.io/nielsen_dch/pen/KKmQNoG)
183. [moitw](https://codepen.io/tsuifei/pen/abWqVxL)
184. [Link1515](https://codepen.io/Link1515/pen/QWvQzVd)
185. [Yiren](https://codepen.io/Yiren_Liou/pen/KKmQbxm)
186. [來去高雄](https://codepen.io/pocper1/pen/MWmVgRx)
187. [Joy Cheng](https://codepen.io/joycheng5432/pen/qBmoddw)
188. [Kaori](https://codepen.io/erxxx4321/pen/XWRExXY)
189. [Lina](https://codepen.io/LinaChen/pen/YzVagEQ)
190. [MM](https://codepen.io/MINN3/pen/LYymbVM)
191. [Edward](https://codepen.io/Edward_77/pen/gOWjGwE)
192. [Choya](https://codepen.io/vekbuzcn-the-reactor/pen/MWmqKbx)
193. [kennyyun](https://codepen.io/kennyyun/pen/LYyJJGV)
194. [Ant](https://codepen.io/Ant1995/pen/qBmQjpy)
195. [wilson](https://codepen.io/ittaxcjv-the-reactor/pen/mdmQMVJ)
196. [Han](https://codepen.io/PeiHan/pen/NWjEwJR?editors=1010)
197. [james](https://codepen.io/hong-wei/pen/NWjoaGa)
198. [小儀](https://codepen.io/mio514/pen/QWgWQXL)
199. [jaehee](https://codepen.io/bvcijcuv-the-decoder/pen/GREEvma)
200. [pss940909](https://codepen.io/pss940909/pen/eYLWOQL)
201. [Rio](https://codepen.io/wei_wu/pen/wvYWWEm?editors=1010)
