# 🗞 7/27(二) 每日任務 ###### tags:`Vue 3 JS 新手夏令營` ## 題目 v-bind 指令 >請複製 (右下角 fork) [這個範例](https://codepen.io/rider159159/pen/abWpGEE),並執行以下要求: > - 使用 v-bind 指令,綁定 HTML 屬性,Vue data 已經有 imgurl 、 styleObject 兩筆資料,請在對應 HTML 使用 v-bind 綁定對應 data 資料。 > - 使用 v-bind 將 imgurl 綁定在 img 標籤上的 src 屬性。 > - 使用 v-bind 將 styleObject 綁定在 span 中 style 屬性。 ## 回報流程 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成 ## 作業投稿區(學員自行投稿) 1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/GRmrdpw) 2. [wangshuan](https://codepen.io/WangShuan/pen/RwVjyzK?editors=1010) 3. [Bucky](https://codepen.io/bucky-3414/pen/QWvQWXy) 4. [艾草](https://codepen.io/jmkhsutp/pen/abWqbgE?editors=1010) 5. [Alison](https://codepen.io/AlisonTsou/pen/GRmQgKa) 6. [Jin](https://codepen.io/Jin-L/pen/dyWdPbg) 7. [肉鬆](https://codepen.io/klrkicog/pen/yLbvyNg) 8. [Allen Lin](https://codepen.io/lcf7891/pen/QWvQwbN) 9. [Joi](https://codepen.io/Joi-Chen/pen/ExmQaVQ) 10. [黑川](https://codepen.io/kurokawa/pen/XWRZJXz) 11. [Stanley](https://codepen.io/stanley-yeh/pen/BaRYyLN) 12. [Chien](https://codepen.io/xxchein/pen/qBmxEaM) 13. [Morris](https://codepen.io/morrisss/pen/xxdYbGj) 14. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/abWqzBK) 15. [Jack](https://codepen.io/yxzzktmb/pen/RwVQNoz?editors=1010) 16. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/yLbvygX) 17. [AnAn](https://codepen.io/AndyAnn/pen/WNjMbox) 18. [Saiki](https://codepen.io/rostpfette/pen/PomQwmw) 19. [Eric](https://codepen.io/ericyericy/pen/JjNpoWa) 20. [詠銓](https://codepen.io/GGfish26/pen/rNmJawJ) 21. [Ryan](https://codepen.io/ryanwu1003/pen/LYyQEOq) 22. [Megan Chen](https://codepen.io/megan_cc/pen/mdmXyQe) 23. [Zackaz](https://codepen.io/zackaz/pen/mdmXygV) 24. [陳sam](https://codepen.io/euldpliv/pen/dyWdPqB) 25. [wendy](https://codepen.io/siaochanwu/pen/xxdYbpy) 26. [小艾](https://codepen.io/bolaslien/pen/xxdYbNe) 27. [YC Lu](https://codepen.io/YCLu/pen/poPavXL) 28. [Jess](https://codepen.io/jssanji03/pen/gOWvppL) 29. [Ben](https://codepen.io/ben39053372/pen/oNWEXxg) 30. [Sz](https://codepen.io/szyln/pen/MWmQwyP) 31. [yenying](https://codepen.io/yenying0804/pen/vYmdOLG?editors=1010) 32. [lu](https://codepen.io/l_umei/pen/JjNpdbP) 33. [Gui](https://codepen.io/guitimliu/pen/wvdyagP) 34. [Nick](https://codepen.io/nick-lin/pen/jOmZPyK) 35. [Boris Huang](https://codepen.io/boris0510/pen/wvdyadP) 36. [Sandra](https://codepen.io/yuying-toro/pen/BaRYNKZ) 37. [Kimberly](https://codepen.io/KIMBERLY_Yen/pen/ExmQjZB) 38. [宜明](https://codepen.io/yawdnhbm/pen/PomQqKK) 39. [Will](https://codepen.io/WILL_Wu/pen/ZEKrGxZ) 40. [frank2411](https://codepen.io/wlk0411/pen/WNjMvzK) 41. [Richard](https://codepen.io/richardchen8109/pen/jOmZPKe) 42. [阿丁兒](https://codepen.io/dingpachan/pen/KKmQpBb) 43. [Yu](https://codepen.io/justyu2001/pen/MWmQwPR) 44. [Chiang](https://codepen.io/ChiangJ/pen/vYmdOVm?editors=1010) 45. [Eva](https://codepen.io/hiYifang/pen/abWqOPv?editors=1010) 46. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/mdmXeyX) 47. [Ruby](https://codepen.io/sozqnmzy/pen/vYmdNEW) 48. [佳鈴](https://codepen.io/zpyfpsxa/pen/ExmQVjK?editors=1010) 49. [samuel823](https://codepen.io/samuelshing/pen/PomQPNB) 50. [翁偉凌](https://codepen.io/wengweiling/pen/zYwRvNK) 51. [紅茶柚o](https://codepen.io/stp9640502/pen/RwVQWjB) 52. [ET](https://codepen.io/et0115/pen/bGWLVvP) 53. [Jax](https://codepen.io/cvecve147/pen/JjNpYZr) 54. [shiuanping](https://codepen.io/shiuanping/pen/QWvQjxW) 55. [Nico Chang](https://codepen.io/nico-chang/pen/zYwRvmw?editors=1010) 56. [curry](https://codepen.io/Ted19851223/pen/eYWVpbg) 57. [axlrock1021](https://codepen.io/andy1021/pen/MWmQKKm) 58. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/dyWdGXw) 59. [莊莊莊](https://codepen.io/htswuzbl-the-scripter/pen/VwbQLBP) 60. [SeanYeh](https://codepen.io/seaniap/pen/XWRZXjV) 61. [tina](https://codepen.io/yyuunn/pen/NWjyxbN) 62. [guyu](https://codepen.io/guyu-su/pen/mdmXVRN) 63. [黃士桓](https://codepen.io/shr-huan-huang/pen/MWmQKpv) 64. [Mao](https://codepen.io/vsfvjiuv-the-typescripter/pen/mdmXVWN) 65. [家妃](https://codepen.io/emily_lin/pen/gOWvPmO) 66. [小肥羊](https://codepen.io/rusheep/pen/LYyQGjM) 67. [yuyu](https://codepen.io/yuyu0905/pen/yLbvepz) 68. [Mag](https://codepen.io/maggie31416/pen/yLbverK) 69. [Genos](https://codepen.io/pb220416/pen/qBmxZKb) 70. [Jessy](https://codepen.io/jessy-shen/pen/ExmQKrj?editors=1010) 71. [EN](https://codepen.io/enkuo0828/pen/xxdYVEv) 72. [Yu Sung](https://codepen.io/kevin-hsu-the-encoder/pen/MWmQeEa) 73. [JohnnyChao](https://codepen.io/yuanjyun/pen/poPabdv?editors=1010) 74. [annycheng](https://codepen.io/chengyu0228/pen/JjNpKqp) 75. [安安](https://codepen.io/leave3310-the-looper/pen/RwVQRXv?editors=1010) 76. [timothy80617](https://codepen.io/timothy_hippo/pen/wvdyzaB) 77. [HSY](https://codepen.io/Hsy_00/pen/JjNpRym) 78. [jennifershih](https://codepen.io/jennifershih/pen/qBmxaJv?editors=1111) 79. [yojanni](https://codepen.io/unayo/pen/jOmZVLK) 80. [Bear](https://codepen.io/adaibear/pen/ExmQNWB) 81. [Nielsen](https://codepen.io/nielsen_dch/pen/JjNpbQK) 82. [David](https://codepen.io/davidchangtw/pen/RwVQKEe) 83. [Mobius](https://codepen.io/dopamine908/pen/NWjypxG) 84. [Chu kuohua](https://codepen.io/chukuohua/pen/GRmQWOR) 85. [Izumi 泉](https://codepen.io/izumi-dev/pen/ZEKreXa) 86. [Jane Lin](https://codepen.io/as60160/pen/vYmdxdo) 87. [Link1515](https://codepen.io/Link1515/pen/abWqJWK) 88. [lingxuan](https://codepen.io/penglingxuan/pen/ExmQmyJ?editors=1010) 89. [Wilson](https://codepen.io/wilson22316/pen/eYWVWdQ) 90. [Noin](https://codepen.io/Noin/pen/WNjMjZz) 91. [Kowin](https://codepen.io/kowin/pen/LYyQyOp) 92. [Nap](https://codepen.io/o0o0o1o0/pen/GRmQEQX) 93. [AmberCYT](https://codepen.io/amberTing/pen/qBmxjzo) 94. [wind](https://codepen.io/wind7y/pen/KKmQvwM) 95. [Mia](https://codepen.io/whfan96/pen/BaRYdja) 96. [阿儒](https://codepen.io/colinchiu87/pen/rNmJzdd) 97. [Parsons](https://codepen.io/tom00502/pen/KKmQvQm) 98. [yuki](https://codepen.io/sihyu/pen/vYmdJwE) 99. [miku3920](https://codepen.io/miku3920/pen/mdmXBJP) 100. [Joyce](https://codepen.io/lcijoyce622/pen/OJmQxEO) 101. [Helen](https://codepen.io/helen75816/pen/MWmQExR) 102. [phoebe](https://codepen.io/phoebe4561/pen/vYmmLxR?editors=1010) 103. [sam.tang](https://codepen.io/sam_tang/pen/jOmZavO) 104. [JoanneLin](https://codepen.io/s61227/pen/rNmJYqW) 105. [Abe](https://codepen.io/abe1272001/pen/XWRZzwR) 106. [Nat](https://codepen.io/dxnqcnen/pen/xxdYpbY) 107. [SunWei](https://codepen.io/sunweiii/pen/MWmQrGO) 108. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/vYmdpKb) 109. [Shay](https://codepen.io/fromzeroo/pen/PomQEdP) 110. [moitw](https://codepen.io/tsuifei/pen/JjNppRg) 111. [Kuan](https://codepen.io/mrkuanyi/pen/gOWvvWm) 112. [JC](https://codepen.io/jcsamoyed/pen/JjNppwY) 113. [shiuan](https://codepen.io/prankaChang/pen/abWqYaW?editors=1010) 114. [GuanXian](https://codepen.io/rider159159/pen/abWpGEE?editors=1010) 115. [Wendy](https://codepen.io/wendy03/pen/KKmQwaW) 116. [wj_omg](https://codepen.io/wj_omg/pen/YzVeRja) 117. [Zhao Chen](https://codepen.io/zhao1995chen/pen/KKmQbKV?editors=1010) 118. [Yiren](https://codepen.io/Yiren_Liou/pen/yLbvGoM) 119. [Kris](https://codepen.io/Naito_K/pen/YzVedxg) 120. [Abby](https://codepen.io/abby1125/pen/zYwRepQ) 121. [Linn](https://codepen.io/winnie50431/pen/JjNpxwd) 122. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/oNWErRE?editors=1011) 123. [Rray](https://codepen.io/odmvowlg-the-sasster/pen/qBmxeMQ) 124. [Ching Hua](https://codepen.io/ching-hua-wang/pen/rNmdBeZ?editors=1010) 125. [Katie Zhao](https://codepen.io/katiezhao/pen/OJmvLgp) 126. [來去高雄](https://codepen.io/pocper1/pen/LYydYVR) 127. [Avery](https://codepen.io/averyhsutw/pen/JjNLjeJ) 128. [Chiou](https://codepen.io/daisycml/pen/VwbXYEN) 129. [SinHsieh](https://codepen.io/SinHsieh/pen/rNmdaod) 130. [KFC](https://codepen.io/kuan-fu-chen/pen/JjNLdEq) 131. [Joy Cheng](https://codepen.io/joycheng5432/pen/oNWqXEX) 132. [D.E.](https://codepen.io/ailentde/pen/LYydZMz) 133. [JackyYu](https://codepen.io/nemoya16/pen/WNjzXRY) 134. [AhChao](https://codepen.io/AhChao/pen/yLbKZBo) 135. [Lina](https://codepen.io/LinaChen/pen/BaRrbvG) 136. [RC](https://codepen.io/real_chen/pen/WNjJamZ?editors=1010) 137. [敬智](https://codepen.io/hjingjhih/pen/VwbxgXo) 138. [Churng](https://codepen.io/churng/pen/YzVLMyY) 139. [Daisord](https://codepen.io/daisord/pen/dyWeEOa) 140. [Keith](https://codepen.io/qwrejhic/pen/zYwaKRN) 141. [Kaori](https://codepen.io/erxxx4321/pen/wvdXoxz) 142. [fsyp2000](https://codepen.io/fsyp2000/pen/rNmKqVm) 143. [[Yi-Jung]](https://codepen.io/yi-jung/pen/BaRVGpR) 144. [Edward](https://codepen.io/Edward_77/pen/wvdxrxK) 145. [曾魚魚](https://codepen.io/vkkkmkbv-the-selector/pen/xxdJMLp) 146. [NieR](https://codepen.io/dennis8499/pen/oNWPvmQ) 147. [Lina](https://codepen.io/night2n/pen/OJmvwEo) 148. [poko](https://codepen.io/mingxuan-hsu/pen/XWRPXLd) 149. [Amber_Lin](https://codepen.io/autum55853/pen/qBmMmdj?editors=1010) 150. [一美](https://codepen.io/Nulaco/pen/yLbRBEO) 151. [LuYing](https://codepen.io/lilylily819/pen/oNWQwMQ) 152. [Ant](https://codepen.io/Ant1995/pen/NWjEvbg) 153. [Han](https://codepen.io/PeiHan/pen/eYWQeaV?editors=1010) 154. [james](https://codepen.io/hong-wei/pen/wvdNpBv) 155. [chikilala](https://codepen.io/chiakilalala/pen/dyRKXzd) 156. [betty](https://codepen.io/betty-hu/pen/xxWjZzw?editors=1010)
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up