---
# System prepended metadata

title: "\U0001F3C5 Day 23 - 修飾符"
tags: [Vue 直播班 - 2022 冬季班]

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 23 - 修飾符

題目
---
操作 [這個模板](https://codepen.io/hexschool/pen/KKeGoeG?editors=1011)（只能操作 HTML 的部分），並依照註解的要求撰寫程式碼。


## 回報流程

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

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

<!-- 解答：  

<div id="app">
  <div class="container mt-3">
    <h3>Q1</h3>
    <form @submit.prevent="onSubmit" class="mb-3">
      <button>送出表單</button>
    </form>
    <h3>Q2</h3>
    <button @click.once="executeOnce" class="mb-3">點擊按鈕</button>
    <h3>Q3</h3>
    <input type="text" v-model="text" @keyup.enter="onEnter">
  </div>
</div>
-->




回報區
---


|   Discord    |                           CodePen / 答案                           |
|:------------:|:------------------------------------------------------------------:|
| Wendy3#5615  |         [Codepen](https://codepen.io/wendy03/pen/vYaxMjZ)          |
|  冬天#5215   |         [CodePen](https://codepen.io/winter_/pen/YzjZMLV)          |
|  柔柔#1716   |   [Codepen](https://codepen.io/rouchen/pen/zYLZXLx?editors=1011)   |
| popeye#5081  |        [codepen](https://codepen.io/popeye_ux/pen/qByrwyN)         |
|   YC#2522    |           [CodePen](https://codepen.io/YCLu/pen/wvxgjOO)           |
|  albee#9121  | [Codepen](https://codepen.io/albee-chang/pen/oNMZdpY?editors=1011) |
|  yuyu#6310   |  [Codepen](https://codepen.io/yuyu0905/pen/wvxJZEx?editors=1011)   |
|  ViNci#4273  |         [Codepen](https://codepen.io/ViNciSyo/pen/xxJqeyV)         |
| ChloeLo#4858 |         [Codepen](https://codepen.io/chloelo/pen/VwBpNBp)          |
| AuroraC#6539 |   [codepen](https://codepen.io/AuroraC/pen/MWBpRzM?editors=1011)   |
|   威0#6919   | [codepen](https://codepen.io/n0918679182/pen/xxJqemO?editors=1011) |
| 阿榮#8277|[CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/oNMZOVZ)|
| JackC#0411 |[CodePen](https://codepen.io/key0329/pen/GRBWLLx)|
| 泊岸#3466 |[CodePen](https://codepen.io/qoq77416416/pen/yLqMrrm?editors=1011)|
|kenki100#0068|[Codepen](https://codepen.io/ken100/pen/WNKpWWP)|
|威爾#1694|[CodePen](https://codepen.io/WILL_Wu/pen/OJwpYVB)|
|無名#6427|[CodePen](https://codepen.io/Nomoney/pen/rNrjKmw)|
|米米#1824|[CodePen](https://codepen.io/Jameshsu0407/pen/XWBMwXK?editors=1011)|
|Jill Lee#0809|[CodePen](https://codepen.io/chi-ling-lee/pen/OJwpYJo?editors=1011)|
|LinaChen#1796|[CodePen](https://codepen.io/LinaChen/pen/OJwpYWr)|
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/VwBpOpX)|
|Tami#6742|[CodePen](https://codepen.io/wqsdqbjn-the-vuer/pen/gOjmJRQ)|
|mandylai#4055|[CodePen](https://codepen.io/mandy-lai-2/pen/xxJqNqr)|
|Chi#7605|[Codepen](https://codepen.io/YoChi84/pen/OJwpYZY)|
|int#7518|[Codepen](https://codepen.io/intHuang/pen/ExpWzdw?editors=1011)|
|大頭#8116|[Codepen](https://codepen.io/d22495521/pen/qByrGgY?editors=1011)|
|yoyo#1003|[Codepen](https://codepen.io/pen/OJwpYeL?editors=1011)|
|masterYan#2480|[Codepen](https://codepen.io/htzwgoqt-the-looper/pen/YzjZbmB?editors=1011)|
|YI#0863|[Codepen](https://codepen.io/YI0305/pen/abjJrxq?editors=1011)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/qByrzBy)
|Fang#4680|[Codepen](https://codepen.io/std95174/pen/OJwpeVP)
|大衛#4869|[Codepen](https://codepen.io/exnsrpjc/pen/VwBpOrx?editors=1011)|
|心幻羽#0056|[Codepen](https://codepen.io/linglingsyu/pen/OJwpeyP?editors=1011)|
|RainLiao#2616|[Codepen](https://codepen.io/billpop741/pen/gOjmNpY)|
|Alex#9978|[Codepen](https://codepen.io/datsxzqg-the-selector/pen/vYaxqXq?editors=1011)|
|PeihanWang#2530|[Codepen](https://codepen.io/PeihanWang/pen/bGjqPRw?editors=1011)|
|LHchien33#6232|[Codepen](https://codepen.io/lin_chien/pen/oNMZrWV)|
|Wendy77#8049|[Codepen](https://codepen.io/Wendy__/pen/LYBWKQv)|
|Kimi#9564|[CodePen](https://codepen.io/kimihu91/pen/xxJwjGm)|
|jacky010080#0880|[CodePen](https://codepen.io/Yen-Jung-Chen/pen/NWBpZEg?editors=1011)|
|ㄚ翔#8126|[CodePen](https://codepen.io/engineerjohnson/pen/vYaxoBG?editors=1111)|
|柚子#3958|[CodePen](https://codepen.io/as6625998/pen/abjJede?editors=1011)|
|Potatolee#7749|[CodePen](https://codepen.io/potatoleee/pen/ZEjegWV?editors=1011)|
|aki|[codepen](https://codepen.io/aki168/pen/ZEjGrrQ)|
|kuku#3118|[Codepen](https://codepen.io/mengting-ku/pen/jOpBgZQ)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/dyjvxBR)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/PoBmYPd)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/LYByPGL?editors=1011)|
|RJRS#9430|[CodePen](https://codepen.io/RJRS/pen/wvxdwrb)|
|薯餅#3581|[CodePen](https://codepen.io/ColdingPoTaTo/pen/JjBNPrr)|
|Winnie#1306|[Codepen](https://codepen.io/WinnieWuWinnie/pen/MWBmgQe?editors=1011)|
|圈圈#4060|[Codepen](https://codepen.io/wjejfczn-the-bold/pen/abjWoaL?editors=1010)|
|Asher Xu#9297|[Codepen](https://codepen.io/kirakira72/pen/RwBVwwO)|
|楊苡安#2752|[Codepen](https://codepen.io/yi-an-yang/pen/xxJdxYm)|
|JimmyChang#5558|[Codepen](https://codepen.io/JimmyChangWenChi/pen/yLqbLxv?editors=1011)|
|suihsilan#9485|[Codepen](https://codepen.io/suihsilan/pen/PoBmYMM?editors=1010)|
|Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/xxJdxyB?editors=1011)|
|DIO大人#4776|[CodePen](https://codepen.io/oscar-2283/pen/XWBRrve)|
|老皮博士#8050|[CodePen](https://codepen.io/li0406/pen/bGjWNMK?editors=1011)|
|FiReBrO#0557|[CodePen](https://codepen.io/firebro42/pen/KKBmppj)|
| azami#5986 |[CodePen](https://codepen.io/azami/pen/wvxdBYX)|
|阿鑫#4346|[CodePen](https://codepen.io/Neil1024/pen/mdjmJBG?editors=1011)|
|Ruby Chen#7452|[CodePen](https://codepen.io/ruby92429/pen/qBymdXP?editors=1011)|
|出事了阿伯#9923|[CodePen](https://codepen.io/BradpittLai/pen/yLqbYxv?editors=1011)|
|hannahtw#2224|[CodePen](https://codepen.io/hangineer/pen/dyjvEMZ?editors=1111)|
|How#5806|[CodePen](https://codepen.io/howtobefine/pen/NWBjxYz?editors=1111)|
|MengLin#3001|[CodePen](https://codepen.io/aacj2642/pen/gOjWPQo?editors=1011)|
|小木馬#8760|[CodePen](https://codepen.io/wmmtbcsd/pen/ZEjKQVg?editors=1011)|
|Bella_#1587|[CodePen](https://codepen.io/Chen-Bella/pen/yLqbOLm)|
|Austyn#0949|[CodePen](https://codepen.io/fish90547/pen/oNMWxop?editors=1011)|
|yoyo123456#0577|[CodePen](https://codepen.io/hungyoyo/pen/abjWNRL?editors=1011)|
|Mia小福#4473|[CodePen](https://codepen.io/a0950271/pen/poZPbzN?editors=1010)|
|竹輪#3335|[CodePen](https://codepen.io/chikuwa0120/pen/qBymaqE)|
|xin#1214|[CodePen](https://codepen.io/SiaoYao/pen/wvxdoMQ)|
|Zack_P#1805|[CodePen](https://codepen.io/tmzazirh-the-animator/pen/zYLwNLJ?editors=1011)|
|阿異#4776|[CodePen](https://codepen.io/yani21399/pen/RwBVpvZ)|
| christina#6185 |[Codepen](https://codepen.io/chrisc0210/pen/NWBjwOp)|
|Benson#6763|[Codepen](https://codepen.io/kumashow/pen/BaPRYNO)|
|RainJ#3480|[Codepen](https://codepen.io/RainJCode/pen/KKBmQyK)|
|阿沁#8176|[Codepen](https://codepen.io/a8322342/pen/gOjWzex?editors=1011)|
|Hironaka#7367|[Codepen](https://codepen.io/Hironaka0815/pen/MWBmzPr?editors=1111)|
|魚子醬#5220|[Codepen](https://codepen.io/haihsuan/pen/wvxdRGe)|
|Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/poZPqKQ)|
|Bassjim#0118|[Codepen](https://codepen.io/unrtxbaq/pen/NWBjemB?editors=1011)|
|IreneY#0086|[CodePen](https://codepen.io/HalfPlannedJourney/pen/poZPByL)|
|Amberhh#2465|[codepen](https://codepen.io/Amberhh/pen/mdjWgYX)|
|RyanC#6960|[codepen](https://codepen.io/RyanYD/pen/rNrweNB?editors=1011)|
|helena#8461|[codepen](https://codepen.io/helena27/pen/OJwgWyY?editors=1011)|
|kevin#6131|[codepen](https://codepen.io/xlqjezvc-the-encoder/pen/YzjQNvM?editors=1011)|
|Shuo#1596|[codepen](https://codepen.io/chiangchungshuo/pen/xxJPOQr?editors=1011)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/ZEjrYRB?editors=1111)|
|enolachen#8031|[Codepen](https://codepen.io/Chen-Enola/pen/rNrdYMZ?editors=1011)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/abjKdQd)|
|Silvialu#4521|[codepen](https://codepen.io/Silvia091640/pen/BaPVzdK)|
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/yLqEMNq?editors=1011)|
|大大#5164|[CodePen](https://codepen.io/gzonothk-the-looper/pen/BaPVMQq?editors=1111)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/poZZzzY?editors=1011)|
|KC_8685#9343|[Codepen](https://codepen.io/cathy7411/pen/oNMMyvL)|
|Hilda#7085|[Codepen](https://codepen.io/vwquikad-the-vuer/pen/gOjjjgy)|
|ABOOS#6276|[CodePen](https://codepen.io/guhungyin/pen/MWBBBmJ?editors=1011)|
|GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922|[CodePen](https://codepen.io/sho666/pen/BaPPPXK)|
|Yuna Huang#2692|[CodePen](https://codepen.io/Yuna1002/pen/NWBLQqN?editors=1011)|
|Knock59487#9114|[CodePen](https://codepen.io/Zack88/pen/VwBgXba?editors=1011)|
|阿蘇#8531|[CodePen](https://codepen.io/susu3131/pen/qByvJvQ?editors=1011)|
|hungya#0773|[CodePen](https://codepen.io/hungya777/pen/BaPgyMY?editors=1011)|
|Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/BaOBayG)|
|Jujubeleven#1036|[Codepen](https://codepen.io/jujubeleven/pen/qBMWrvz?editors=1011)|
|popcorn_3q#9893|[Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/XWPXJXr)|
|JY#5712|[Codepen](https://codepen.io/judy_123/pen/oNPeJRe)|
|Eason#7884|[Codepen](https://codepen.io/ASLEO/pen/zYmvGaO)|
|Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/xxyRexN)|
