---
# System prepended metadata

title: "\U0001F3C5 Day 19 - Vue 指令練習 2"
tags: [Vue 直播班 - 2022 冬季班]

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 19 - Vue 指令練習 2

題目
---
操作 [這個模板](https://codepen.io/hexschool/pen/GRGXbVx)，執行以下要求（只能操作 HTML 的部分）：

> 在 input 欄位輸入文字後，點擊「觸發按鈕」可以觸發 callName 函式


## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）

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

<!-- 解答：  
<div id="app">
  <div class="container p-3">
    <div class="d-flex flex-column">
      <label for="name">請輸入姓名</label>
      <input type="text" v-model="name" class="mb-3">
    </div>
    <button type="button" class="btn btn-primary" @click="callName">觸發事件</button>
  </div>
</div>
-->




回報區
---


|     Discord     |                           CodePen / 答案                           |
|:---------------:|:------------------------------------------------------------------:|
|   Wendy3#5615   |         [Codepen](https://codepen.io/wendy03/pen/OJwRdNV)          |
|  hannahTW#2224  |  [Codepen](https://codepen.io/hangineer/pen/bGjwzpp?editors=1010)  |
|  AuroraC#6539   |         [codepen](https://codepen.io/AuroraC/pen/VwBKgaR)          |
|   JackC#0411    |         [Codepen](https://codepen.io/key0329/pen/ExpgrKL)          |
|    威0#6919     | [codepen](https://codepen.io/n0918679182/pen/WNKGPxG?editors=1010) |
|   popeye#5081   |        [codepen](https://codepen.io/popeye_ux/pen/rNrMPLJ)         |
|    RJRS#9430    |           [CodePen](https://codepen.io/RJRS/pen/abjmXmj)           |
|  ChloeLo#4858   |         [CodePen](https://codepen.io/chloelo/pen/YzjGBwM)          |
|     YC#2522     |           [CodePen](https://codepen.io/YCLu/pen/XWBjjMM)           |
|    yuyu#6310    |  [CodePen](https://codepen.io/yuyu0905/pen/QWBKYpp?editors=1010)   |
|    泊岸#3466    |       [CodePen](https://codepen.io/qoq77416416/pen/qByagaQ)        |
|  KC_8685#9343   |        [Codepen](https://codepen.io/cathy7411/pen/NWBRorr)         |
|   心幻羽#0056   |       [Codepen](https://codepen.io/linglingsyu/pen/QWBKYvp)        |
|    薯餅#3581    |      [Codepen](https://codepen.io/ColdingPoTaTo/pen/vYaXbmo)       |
|   albee#9121    |       [Codepen](https://codepen.io/albee-chang/pen/xxJEMdy)        |
|  kenki100#0068  |          [Codepen](https://codepen.io/ken100/pen/WNKGPEp)          |
|   Austyn#0949   |        [Codepen](https://codepen.io/fish90547/pen/eYjdxGM)         |
|  PayRoom#8328   |        [CodePen](https://codepen.io/water38198/pen/VwBKgMJ)        |
| PeihanWang#2530 | [CodePen](https://codepen.io/PeihanWang/pen/YzjGBrm?editors=1010)  |
|   小木馬#8760   |         [CodePen](https://codepen.io/wmmtbcsd/pen/rNrMPYK)         |
|   楊苡安#2752   |        [CodePen](https://codepen.io/yi-an-yang/pen/PoBGVEN)        |
|    大衛#4869    |  [CodePen](https://codepen.io/exnsrpjc/pen/abjmXVQ?editors=1010)   |
|  Jill Lee#0809  |       [CodePen](https://codepen.io/chi-ling-lee/pen/YzjGBaK)       |
|    大頭#8116    |        [Codepen](https://codepen.io/d22495521/pen/abjmXYP)         |
|    Chi#7605     |         [Codepen](https://codepen.io/YoChi84/pen/KKBgJRy)          |
|    ㄚ翔#8126    |     [codepen](https://codepen.io/engineerjohnson/pen/dyjpaMa)      |
|    kuku#3118    |       [Codepen](https://codepen.io/mengting-ku/pen/ExpgrpG)        |
|  mandylai#4055  |       [Codepen](https://codepen.io/mandy-lai-2/pen/qByagMG)        |
|  rainliao#2616  |        [Codepen](https://codepen.io/billpop741/pen/WNKGPKO)        |
|    Tami#6742    |    [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/XWBjOGo)     |
|   ABOOS#6276    |        [Codepen](https://codepen.io/guhungyin/pen/zYLKeVb)         |
|    圈圈#4060    |    [Codepen](https://codepen.io/wjejfczn-the-bold/pen/YzjGBoy)     |
|    Alex#9978    |  [Codepen](https://codepen.io/datsxzqg-the-selector/pen/poZEYvZ)   |
|   RainJ#3480    |        [Codepen](https://codepen.io/RainJCode/pen/NWBRJGX)         |
|    無名#6427    |         [Codepen](https://codepen.io/Nomoney/pen/KKBMvMV)          |
| 阿榮#8277 |[CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/OJwRqMj)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/ZEjpPBw)|
|aki|[codepen](https://codepen.io/aki168/pen/JjBdJVV)|
|冬天#5215|[codepen](https://codepen.io/winter_/pen/YzjGgEN)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/NWBRJwz)|
|Kimi#9564|[CodePen](https://codepen.io/kimihu91/pen/xxJwjGm)|
|DIO大人#4776|[CodePen](https://codepen.io/oscar-2283/pen/jOpMJXJ)|
|Potatolee#7749|[CodePen](https://codepen.io/potatoleee/pen/ZEjpPVz)|
|Wendy77#8049|[Codepen](https://codepen.io/Wendy__/pen/zYLKbXr)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/NWBRmPJ?editors=1010)|
|hungya#0773|[CodePen](https://codepen.io/hungya777/pen/GRBjLZB?editors=1010)|
|Ruby Chen#7452|[CodePen](https://codepen.io/ruby92429/pen/YzjGMWe?editors=1010)|
|阿異#4776|[CodePen](https://codepen.io/yani21399/pen/abjmxwW)|
|azami#5986|[Codepen](https://codepen.io/azami/pen/gOjwyGZ)|
|Hilda#7085|[Codepen](https://codepen.io/vwquikad-the-vuer/pen/xxJEeLL)|
|jimmyFang#9575|[Codepen](https://codepen.io/pohxiqqo/pen/VwBKNGG?editors=1010)|
|出事了阿伯#9923|[Codepen](https://codepen.io/BradpittLai/pen/MWBjdev)|
|LHchien33#6232|[Codepen](https://codepen.io/lin_chien/pen/LYBRoRM)|
|PH#2731|[Codepen](https://codepen.io/lokf9527/pen/LYBRoxM)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/eYjdaeM?editors=1010)|
|LinaChen#1796|[Codepen](https://codepen.io/LinaChen/pen/LYBRoro)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/RwBGmvr?editors=1010)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/bGjwyXr)
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/qByazqd)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/YzjGojV)|
|魚子醬#5220|[Codepen](https://codepen.io/haihsuan/pen/LYBRKMb)|
|法希娜#3206|[Codepen](https://codepen.io/yiiserpf-the-encoder/pen/vYaXqwW)|
|Amberhh#2465|[codepen](https://codepen.io/Amberhh/pen/jOpMdGw) |
|masterYan#2480|[Codepen](https://codepen.io/htzwgoqt-the-looper/pen/bGjwXWy)|
|老皮博士#8050|[Codepen](https://codepen.io/li0406/pen/OJwbPVo)|
|Asher Xu#9297|[Codepen](https://codepen.io/kirakira72/pen/zYLoxzN)|
|yoyo123456#0577|[Codepen](https://codepen.io/hungyoyo/pen/rNrWabw?editors=1010)|
|enolachen#8031|[Codepen](https://codepen.io/Chen-Enola/pen/KKBNwEz?editors=1010)|
|Hironaka#7367|[Codepen](https://codepen.io/Hironaka0815/pen/BaPQNXR)|
|RayChen#6088|[Codepen](https://codepen.io/raychen1996/pen/RwBoWpK)|
|Silvialu#4521|[Codepen](https://codepen.io/Silvia091640/pen/PoBbPjK)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/LYBbpmZ)|
|Yuna Huang#2692|[Codepen](https://codepen.io/Yuna1002/pen/vYayLXR?editors=1010)|
|Bassjim#0118|[Codepen](https://codepen.io/unrtxbaq/pen/RwBorZB)|
|Zack_P#1805|[Codepen](https://codepen.io/tmzazirh-the-animator/pen/LYBbGwB)|
|FiReBrO#0557|[Codepen](https://codepen.io/firebro42/pen/yLqVaJL)|
| christina#6185|[Codepen](https://codepen.io/chrisc0210/pen/NWBbpmP)|
|Knock59487#9114|[Codepen](https://codepen.io/Zack88/pen/LYBbLLV)|
|Wei#2330|[Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/oNMYwEx)|
|RyanC#6960|[Codepen](https://codepen.io/RyanYD/pen/MWBboVx?editors=1011)|
|yoyo#1003|[Codepen](https://codepen.io/pen/OJwbjjr)|
|柚子#3958|[Codepen](https://codepen.io/as6625998/pen/zYLodjZ?editors=1010)|
|k.sin#3115|[Codepen](https://codepen.io/sin588/pen/gOjLoZq?editors=1010)|
|Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/XWBNBZw)|
|Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/BaPLEwE?editors=1011)| 
|Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/BaPLEwE?editors=1011)| YI#0863https://codepen.io/YI0305/pen/wvxJZVQ?editors=1111
|YI#0863|[CodePen](https://codepen.io/YI0305/pen/wvxJZVQ?editors=1111)| Cream449https://codepen.io/frxdwbbi-the-sasster/pen/vYaxqqL?editors=1010
|ㄚ阿ㄑㄧㄣ沁#8176{}|[CodePen](https://codepen.io/a8322342/pen/mdjmbwG)|
|Shuo#1596|[CodePen](https://codepen.io/chiangchungshuo/pen/qBymYpd)|
|Judy Wei#6103|[CodePen](https://codepen.io/Judy0718/pen/rNrmZGR)|
|IreneY#0086|[CodePen](https://codepen.io/HalfPlannedJourney/pen/abjWRmm)|
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/oNMwxYZ) |
| kevin#8349 | [CodePen]| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/oNMwxYZ) |) |
| 小夜#3809 | [CodePen](https://codepen.io/Naito_K/pen/poZraRq?editors=1010)
| YU#0618  |  [CodePen](https://codepen.io/yoken_/pen/wvxrzPW)  |
| Cookie SSS#6991  |  [CodePen](https://codepen.io/sqhjikpa-the-selector/pen/LYBzXzj)  |
|GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922  |  [CodePen](https://codepen.io/sho666/pen/JjBMjjd?editors=1010)  |
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/poZPvNO?editors=1010)|
|阿蘇#8531|[Codepen](https://codepen.io/susu3131/pen/jOpZOZQ)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/zYLjmLd)|
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/NWBRowd?editors=1010)|
|大大#5164|[CodePen](https://codepen.io/gzonothk-the-looper/pen/NWBzVgJ)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/rNrKERK?editors=1010)|
|Jujubeleven#1036|[Codepen](https://codepen.io/jujubeleven/pen/GRXKWwo?editors=1010)|
|popcorn_3q#9893|[Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/RwYWBvK)|
|Eason#7884|[Codepen](https://codepen.io/ASLEO/pen/JjmoOza)|
|Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/MWPbxKo)|
