---
# System prepended metadata

title: "\U0001F3C5 Day 17"
tags: [Vue 直播班 - 2022 春季班]

---

---
tags: Vue 直播班 - 2022 春季班
---

# 🏅 Day 17
###### tags: `Vue 直播班 - 2022 春季班`

請先閱讀完 [v-bind](https://hackmd.io/@hexschool/S1DJeKTdL/%2FdxbCu6YTTh2q-Z0p1vWSjw) 的課前預習再嘗試作答:

題目 (請將答案貼上 CodePen)
---
請操作 [這個模板](https://codepen.io/znlcgmgk/pen/abpRNvV?editors=1010)，執行以下要求 (只能操作 HTML 的部分):

* 請將 data 資料中的 imgUrl 綁定到 input 標籤的 value、img 標籤的 src ; 將 imgAlt 綁定到 img 標籤的 alt 上。


回報流程
---
請同學依照下圖教學觀看解答、回報答案:

![](https://i.imgur.com/QtL8zEW.png)

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

![](https://i.imgur.com/L7kyew8.png)

<!-- 解答
<div id="app">
  <div class="container p-3">
    <div class="inputWrap mb-3">
      <input type="text" :value="imgUrl" class="imgInput mb-3">
      <img :src="imgUrl" :alt="imgAlt">
    </div>
  </div>
</div>
-->

回報區
---
| 報數 |組別/名字  | codepen / 其他回饋    | 
|:--------:| -------- | -------- | 
|1| 肉鬆 | https://codepen.io/klrkicog/pen/VwMRoBN?editors=1010 |
|2| Iris Huang | https://codepen.io/ythuang/pen/mdBoNGb|
|3| Larry | https://codepen.io/larrylinr5/pen/eYGXqPV |
|4|Aaron Tu|https://codepen.io/aarontu/pen/YzrgmJo|
|5| POPEYE | https://codepen.io/popeye_ux/pen/zYEbgMa |
|6|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/yLzwmvb|
|7| AllenW |https://codepen.io/AllenW/pen/KKXEObq|
|8|YC|https://codepen.io/YCLu/pen/zYEbgeL |
|9|Sheep| https://codepen.io/SheepNDW/pen/OJxqKaM | 
| 10 | Sihle Huang | https://codepen.io/bugbug777/pen/rNGRXXK |
|11|Scottie|https://codepen.io/wow767t/pen/xxXeKgN?editors=1010|
|12|Wenfish|https://codepen.io/wenfisht/pen/KKXYPye|
|13|Howard|https://codepen.io/yawdnhbm/pen/NWamKYy|
|14|威爾|https://codepen.io/WILL_Wu/pen/wvrZwEp|
|15|kevinhes|https://codepen.io/kevinhes/pen/MWERgzL?editors=1010|
|16|Empty Wu|https://codepen.io/emptywu/pen/WNZWemK |
|16|Lhen |https://codepen.io/cheng-jhen/pen/zYEXOVY |
|17|Elaine Liu|https://codepen.io/elaine7598/pen/dyVLbLp|
|18|Liu| https://codepen.io/feng-chi-liu/pen/JjrVjdX |
|19|Yunei|https://codepen.io/Yunei/pen/vYeMYOZ|
|20|Charlotte Lee |https://codepen.io/charlotte-lee/pen/KKXYPLr |
|21|Gill |https://codepen.io/Gill-Chin/pen/LYzvYVR?editors=1010 |
|22|Benson|https://codepen.io/soul81624/pen/LYzvYRx |
|23|Dobe|https://codepen.io/lisebee/pen/348129b70fd9ec95f40e206b028d6f1a|
|24| Kelvin Hsu | https://codepen.io/kelvin001/pen/xxXexgE |
|25| Evan Chiang| https://codepen.io/piskesocute/pen/GRMLREd|
|25| 10/Jackson| https://codepen.io/Jackson45252/pen/rNGbaNy|
|26|我是泇吟|https://codepen.io/kljuqbxs/pen/GRMLgJz|
|27|陳暐中|https://codepen.io/wei-z/pen/yLzryYJ?editors=1010|
|28|andersonshen|https://codepen.io/luxyenni-the-bold/pen/zYEXxwP |
|29|群嘉|https://codepen.io/efzdamnp-the-lessful/pen/poWBvMd?editors=1010|
|30| 黃士桓 | https://codepen.io/shr-huan-huang/pen/NWamqPj?editors=1010 |
|31| 黑川 | https://codepen.io/kurokawa/pen/vYeMOOE |
|32|Tim Lin|https://codepen.io/TimmyLin/pen/MWERwyG|
|33|PeiChi|https://codepen.io/pei-chi-tsai/pen/OJxGVdO?editors=1010
|34|Arista|https://codepen.io/arista-hsieh/pen/xxXeGeG|
|35|Henry Wu|https://codepen.io/dkcmlaww-the-flexboxer/pen/ZEXZbZO |
|36|Leo Song|https://codepen.io/sunnylaba/pen/RwLOrRE?editors=1010 |
|37|Pei Ying|https://codepen.io/Pei-Ying/pen/GRMLoxV?editors=1010|
|38|Himi|https://codepen.io/Himi/pen/WNZWGRQ|
|39|Rick Tzeng|https://codepen.io/rick917jp6/pen/LYzvxaO
|40|mei|https://codepen.io/Shila-Chen/pen/dyVLvoe|
|41|Bella Shya|https://codepen.io/BellaXie/pen/ExwJWpL?editors=1010|
|42|Jerry Yen|https://codepen.io/JerryYen/pen/rNGbyqp|
|43|有廖先生 (Rain)|https://codepen.io/billpop741/pen/PoJgmQp|
|44|John|https://codepen.io/jiangshuuu/pen/NWaXXWb?editors=1111
|45|咖咖|https://codepen.io/gon790219/pen/KKXYqOw |
|46|Jason Chen|https://codepen.io/jason60810/pen/ZEXZJGp |
|47|Judy☻|https://codepen.io/hsiaohan/pen/MWERELZ?editors=1010|
|48|柴貓|https://codepen.io/shibacat/pen/jOGRGjv |
|49|小K|https://codepen.io/kelen1995/pen/eYGoXPN |
|50|Zhang|https://codepen.io/Zhangbun/pen/WNZWmqq|
|51|DDDDK|https://codepen.io/dkklee/pen/abLxZjp|
|52|nora-end|https://codepen.io/nora-shu/pen/zYEXQLb?editors=1010|
|53|Henry|https://codepen.io/kaohenry9287/pen/MWERNZo|
|54|Laura|https://codepen.io/minminn/pen/zYEQYvg?editors=1010|
|55|Gui|https://codepen.io/guitimliu/pen/jOGoPJx
|56|shio|https://codepen.io/shioyen/pen/poWmgoo?editors=1010|
|57|Calon|https://codepen.io/Calon0118/pen/JjrqRjN|
|58|Jasper|https://codepen.io/li-jasper/pen/VwMOKmx |
|59|AKI|https://codepen.io/akichen27/pen/PoJvBjO |
|60|Steven Chan|https://codepen.io/Steven1220/pen/QWqRZYO |
|61|Yummyniya|https://codepen.io/yummyniya/pen/gOGJNBo|
|62|Anna|https://codepen.io/kycrleao/pen/NWaZKrN?editors=1010|
|63|dOvOb|https://codepen.io/gezzgrwj-the-styleful/pen/PoJrwmx
|64|kk|https://codepen.io/potatokaka/pen/BawgdeX?editors=1010|
|65| Meng | https://codepen.io/MGHN/pen/xxXozrz?editors=1010 |
|66| 紙飛機 | https://codepen.io/paperplanea/pen/ExwqVrY |
|67|肉桂卷|https://codepen.io/ginnlee/pen/VwMJoNx|
|68|Bonnie|https://codepen.io/bonnieli1414/pen/Yzrmryj |
|69|Will|https://codepen.io/ncrdpepc-the-lessful/pen/JjOPPbO?editors=1010|
|70|Terry21|https://codepen.io/feng0409/pen/OJOLbOY |
|71|Yuan|https://codepen.io/yuanluo13542/pen/yLPBJaP |
|72| Otis | https://codepen.io/humming74/pen/bGYbWMG |
|73|Vicky|https://codepen.io/hyxfish27/pen/YzEKQmq |
|74|Jerry|https://codepen.io/rteyfwwd-the-scripter/pen/ZEazdzy|
|75|Bruno Yu|https://codepen.io/bruno-yu/pen/BamayPr?editors=1010|
|76|阿劍| https://codepen.io/seonkuraito/pen/mdBvPYL |
|77|阿武|https://codepen.io/samwnkyat/pen/BamNmva?editors=1010
|78|ShaoYu|https://codepen.io/shaoyukao/pen/BamNYZY |
|79|FuChang|https://codepen.io/fuchang830714/pen/OJxGOvo|
|80|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/MWOaxzy?editors=1010 |
|81|hua|https://codepen.io/hahahazzz123/pen/jOaqRPj |
|82|Jianhao|https://codepen.io/jianhao215/pen/PoOpmMV?editors=1010 |
|83|ZY Hsu|https://codepen.io/zihyin/pen/JjOWJwm?editors=1010 |
|84|Hedy|https://codepen.io/hhhsuan41/pen/vYWmrvW?editors=1011|
|85|andyii|https://codepen.io/gultrotpybyvue/pen/eYeeddJ|
|86| Mylène | https://codepen.io/hamajibashi/pen/MWOZeGz |
|87|大衛|https://codepen.io/exnsrpjc/pen/KKZMYVg |
|88|Carol Li|https://codepen.io/carolli834/pen/MWVzbqB|


