---
# System prepended metadata

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

---


# 🗞 7/26(一) 每日任務

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


## 題目
v-for 指令
 >請複製 （右下角 fork） [這個範例](https://codepen.io/rider159159/pen/XWRpZyG)，並執行以下要求：
> -  Vue data 已經有 array 這筆陣列資料，試者使用 v-for 搭配 {{}}  指令，將 array 中的值，一個一個的呈現在畫面上
> - 小提示： 使用 v-for 需搭配 :key，詳細可參考官方[文件的說明](https://v3.cn.vuejs.org/guide/list.html#%E7%BB%B4%E6%8A%A4%E7%8A%B6%E6%80%81)

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


## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/MWmJQPP)
2. [WangShuan](https://codepen.io/WangShuan/pen/jOmaxop?editors=1010)
3. [Bucky](https://codepen.io/bucky-3414/pen/vYmpZjQ?editors=1010)
4. [Jin](https://codepen.io/Jin-L/pen/zYwpzad)
5. [翁偉凌](https://codepen.io/wengweiling/pen/gOWoRzy)
6. [AnAn](https://codepen.io/AndyAnn/pen/oNWpwdy?editors=1010)
7. [Ryan](https://codepen.io/ryanwu1003/pen/WNjdOyv)
8. [艾草](https://codepen.io/jmkhsutp/pen/LYyeLBm)
9. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/mdmpwjv)
10. [詠銓](https://codepen.io/GGfish26/pen/gOWoRdJ?editors=1010)
11. [samuel823](https://codepen.io/samuelshing/pen/vYmpZzv)
12. [Leo](https://codepen.io/leo5j472421/pen/ExmoXOb)
13. [YC Lu](https://codepen.io/YCLu/pen/QWvagzy)
14. [tina](https://codepen.io/yyuunn/pen/MWmroZJ)
15. [tony](https://codepen.io/tony0831-l/pen/zYwpzyP?editors=1010)
16. [Boris Huang](https://codepen.io/boris0510/pen/XWRVgOe)
17. [Alison](https://codepen.io/AlisonTsou/pen/eYWyRxR)
18. [Ben Cheng](https://codepen.io/rider159159/pen/XWRpZyG)
19. [CT](https://codepen.io/ctsvenja/pen/mdmpwvg)
20. [Jack](https://codepen.io/yxzzktmb/pen/KKmZqEg?editors=1010)
21. [Zackaz](https://codepen.io/zackaz/pen/yLbpXwg)
22. [肉鬆](https://codepen.io/klrkicog/pen/oNWpwVP)
23. [LMY](https://codepen.io/l_umei/pen/JjNMJxv)
24. [Yu](https://codepen.io/justyu2001/pen/WNjdOmr)
25. [Morris](https://codepen.io/morrisss/pen/YzVYQRR)
26. [Megan Chen](https://codepen.io/megan_cc/pen/poPpwxE)
27. [陳sam](https://codepen.io/euldpliv/pen/MWmroMm)
28. [SeanYeh](https://codepen.io/seaniap/pen/RwVxgXm?editors=1111)
29. [小艾](https://codepen.io/bolaslien/pen/YzVYQoB)
30. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/VwbyzYR?editors=1010)
31. [黑川](https://codepen.io/kurokawa/pen/dyWJzoa)
32. [wendy](https://codepen.io/siaochanwu/pen/poPprgP)
33. [jennifershih](https://codepen.io/jennifershih/pen/PomEKZw)
34. [Zhao Chen](https://codepen.io/zhao1995chen/pen/WNjdEwo?editors=1010)
35. [宜明](https://codepen.io/yawdnhbm/pen/MWmrvyE)
36. [Wuu](https://codepen.io/coolwuu/pen/vYmpJKq)
37. [yenying](https://codepen.io/yenying0804/pen/NWjXvNR)
38. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/mdmpMRd)
39. [Saiki](https://codepen.io/rostpfette/pen/wvdpqJW)
40. [家妃](https://codepen.io/emily_lin/pen/bGWarWB)
41. [Churng](https://codepen.io/churng/pen/jOmYLLw)
42. [Jax](https://codepen.io/cvecve147/pen/oNWpeeR)
43. [ET](https://codepen.io/et0115/pen/RwVxZMP)
44. [Nap](https://codepen.io/o0o0o1o0/pen/qBmpXKG)
45. [Ruby](https://codepen.io/sozqnmzy/pen/RwVxZJW)
46. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/ZEKvJqj)
47. [hsiung](https://codepen.io/hsiungchi/pen/OJmzjrW)
48. [佳鈴](https://codepen.io/zpyfpsxa/pen/jOmYLdZ?editors=1010)
49. [Chiang](https://codepen.io/ChiangJ/pen/KKmZvLR?editors=1010)
50. [Yzba](https://codepen.io/oturngo/pen/NWjXvVw)
51. [Will](https://codepen.io/WILL_Wu/pen/Vwbyzov)
52. [huanan](https://codepen.io/hua_nan/pen/MWmrEYz)
53. [Nick](https://codepen.io/nick-lin/pen/YzVYrKq)
54. [Richard](https://codepen.io/richardchen8109/pen/poPpWeQ)
55. [Chiou](https://codepen.io/daisycml/pen/LYyezWG)
56. [wind](https://codepen.io/wind7y/pen/zYwpEPY)
57. [阿丁兒](https://codepen.io/dingpachan/pen/BaRJwVV?editors=1010)
58. [kimn](https://codepen.io/kimn/pen/Exmovvd?editors=1111)
59. [EN](https://codepen.io/enkuo0828/pen/Exmowvx)
60. [annycheng](https://codepen.io/chengyu0228/pen/bGWaoZQ)
61. [shiuanping](https://codepen.io/shiuanping/pen/RwVxLzQ)
62. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/xxdpPxg?editors=1010)
63. [longgggg](https://codepen.io/long1229/pen/PomEOYd)
64. [紅茶柚o](https://codepen.io/stp9640502/pen/jOmYaWg)
65. [Abby](https://codepen.io/abby1125/pen/poPpWQm?editors=1010)
66. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/xxdpPEd)
67. [Mag](https://codepen.io/maggie31416/pen/vYmpWyr?editors=1010)
68. [Eric](https://codepen.io/ericyericy/pen/gOWoXoq)
69. [Jessy](https://codepen.io/jessy-shen/pen/OJmzOGL?editors=1010)
70. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/KKmZyEg?editors=1010)
71. [Izumi 泉](https://codepen.io/izumi-dev/pen/abWEEoG?editors=1010)
72. [JohnnyChao](https://codepen.io/yuanjyun/pen/oNWpora?editors=1010)
73. [黃士桓](https://codepen.io/shr-huan-huang/pen/MWmrrwv)
74. [Keith](https://codepen.io/qwrejhic/pen/KKmZZWq?editors=1010)
75. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR)
76. [小肥羊](https://codepen.io/rusheep/pen/abWEEWR) 
77. [HSY](https://codepen.io/Hsy_00/pen/LYyeeev)
78. [安安](https://codepen.io/leave3310-the-looper/pen/eYWyyKj)
79. [Stanley](https://codepen.io/stanley-yeh/pen/ZEKvvMR)
80. [Shay](https://codepen.io/fromzeroo/pen/zYwppPJ?editors=1010)
81. [SunWei](https://codepen.io/sunweiii/pen/zYwppKj)
82. [Allen](https://codepen.io/cwl1121/pen/qBmpxad)
83. [Joyce](https://codepen.io/Joyce-SU/pen/poPppqL)
84. [yuyu](https://codepen.io/yuyu0905/pen/MWmrQVd)
85. [Sandra](https://codepen.io/yuying-toro/pen/gOWovBv?editors=1010)
86. [Gui](https://codepen.io/guitimliu/pen/PomEQva)
87. [yojanni](https://codepen.io/unayo/pen/bGWavrP)
88. [AmberCYT](https://codepen.io/amberTing/pen/OJmzvOG)
89. [David](https://codepen.io/davidchangtw/pen/OJmzvjq)
90. [Wilson](https://codepen.io/wilson22316/pen/GRmyxLa)
91. [Bear](https://codepen.io/adaibear/pen/poPpKvZ)
92. [Kowin](https://codepen.io/kowin/pen/poPpKgO)
93. [lingxuan](https://codepen.io/penglingxuan/pen/dyWJKRX)
94. [Helen](https://codepen.io/helen75816/pen/dyWJKzp)
95. [JackyYu](https://codepen.io/nemoya16/pen/BaRJPWb)
96. [Jane Lin](https://codepen.io/as60160/pen/VwbyGwq)
97. [Mobius](https://codepen.io/dopamine908/pen/MWmrqYm)
98. [guyu](https://codepen.io/guyu-su/pen/rNmpZLp)
99. [Eva](https://codepen.io/hiYifang/pen/gOWodBM)
100. [yuki](https://codepen.io/sihyu/pen/wvdpEbe)
101. [Genos](https://codepen.io/pb220416/pen/XWRVxXQ)
102. [Mia](https://codepen.io/whfan96/pen/JjNMmaX)
103. [Kuan](https://codepen.io/mrkuanyi/pen/ZEKvmBQ)
104. [Parsons](https://codepen.io/tom00502/pen/zYwpMPZ)
105. [GuanXian](https://codepen.io/rider159159/pen/XWRpZyG)
106. [Nat](https://codepen.io/dxnqcnen/pen/NWjXEZG)
107. [sam.tang](https://codepen.io/sam_tang/pen/oNWpJeV)
108. [JoanneLin](https://codepen.io/s61227/pen/WNjdLXp)
109. [D.E.](https://codepen.io/ailentde/pen/ZEKvVjo)
110. [Chien](https://codepen.io/xxchein/pen/PomEXmq)
111. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/XWRVeMv)
112. [RC](https://codepen.io/real_chen/pen/YzVYBWW?editors=1010)
113. [miku3920](https://codepen.io/miku3920/pen/RwVxvMg)
114. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/xxdpQYX)
115. [Allen Lin](https://codepen.io/lcf7891/pen/jOmZOaO)
116. [Jess](https://codepen.io/jssanji03/pen/BaRYNyR)
117. [axlrock1021](https://codepen.io/andy1021/pen/jOmZPEZ)
118. [frank2411](https://codepen.io/wlk0411/pen/mdmXJpm)
119. [curry](https://codepen.io/Ted19851223/pen/ZEKrboO)
120. [Nico Chang](https://codepen.io/nico-chang/pen/xxdYwJX)
121. [Nielsen](https://codepen.io/nielsen_dch/pen/GRmQNeO)
122. [Chu kuohua](https://codepen.io/chukuohua/pen/vYmdxZw)
123. [Noin](https://codepen.io/Noin/pen/MWmQmyB)
124. [阿儒](https://codepen.io/colinchiu87/pen/YzVexYb)
125. [Joyce](https://codepen.io/lcijoyce622/pen/wvdyrEm)
126. [moitw](https://codepen.io/tsuifei/pen/vYmddKL)
127. [JC](https://codepen.io/jcsamoyed/pen/vYmddzg?editors=1010)
128. [shiuan](https://codepen.io/prankaChang/pen/OJmQvQr?editors=1010)
129. [Wendy](https://codepen.io/wendy03/pen/QWvagxj)
130. [wj_omg](https://codepen.io/wj_omg/pen/qBmxQoj)
131. [Yiren](https://codepen.io/Yiren_Liou/pen/qBmxLVM)
132. [Link1515](https://codepen.io/Link1515/pen/ExmQGJd)
133. [Linn](https://codepen.io/winnie50431/pen/VwbQgOP)
134. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/abWqgXW?editors=1010)
135. [Rray](https://codepen.io/odmvowlg-the-sasster/pen/zYwRQVY)
136. [Katie Zhao](https://codepen.io/katiezhao/pen/GRmxKWj)
137. [來去高雄](https://codepen.io/pocper1/pen/BaRrayx)
138. [Ching Hua](https://codepen.io/ching-hua-wang/pen/yLbKBKx)
139. [Avery](https://codepen.io/averyhsutw/pen/WNjzNMW)
140. [SinHsieh](https://codepen.io/SinHsieh/pen/xxdWbWz)
141. [Joy Cheng](https://codepen.io/joycheng5432/pen/bGWvdRr)
142. [Lina](https://codepen.io/night2n/pen/JjNLBrR)
143. [AhChao](https://codepen.io/AhChao/pen/xxdWmNJ)
144. [Lina](https://codepen.io/LinaChen/pen/LYydagy)
145. [敬智](https://codepen.io/hjingjhih/pen/yLbjZvP)
146. [Daisord](https://codepen.io/daisord/pen/MWmGdjv)
147. [Kaori](https://codepen.io/erxxx4321/pen/ExmRNEp)
148. [fsyp2000](https://codepen.io/fsyp2000/pen/MWmXPWj)
149. [Yi-Jung](https://codepen.io/yi-jung/pen/bGWKQeR)
150. [Edward](https://codepen.io/Edward_77/pen/VwbBMXq)
151. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/YzVjBZO)
152. [NieR](https://codepen.io/dennis8499/pen/PomdYXY)
153. [poko](https://codepen.io/mingxuan-hsu/pen/OJmoMaw)
154. [Amber_Lin](https://codepen.io/autum55853/pen/PomdpjE?editors=1010)
155. [一美](https://codepen.io/Nulaco/pen/KKmxOPo?editors=1010)
155. [chiakilala](https://codepen.io/chiakilalala/pen/eYRKzBJ)
156. [betty](https://codepen.io/betty-hu/pen/bGvMELM)
