---
# System prepended metadata

title: "\U0001F3C5 Day 21 - createApp"
tags: [Vue 直播班 - 2022 冬季班]

---

---
tags: Vue 直播班 - 2022 冬季班
---
# 🏅 Day 21 - createApp

題目
---
操作 [這個模板](https://codepen.io/hexschool/pen/KKeGoox?editors=1010)，執行以下要求：

> 請把 createApp 方法背起來，並讓模板中的 text 可以正常顯示。


## 回報流程

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

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

<!-- 解答：  
const app = {
  data() {
    return {
      text: '這有一段話'
    };
  },
}
Vue.createApp(app).mount('#app')
-->




回報區
---


|     Discord      |                                CodePen / 答案                                |
|:----------------:|:----------------------------------------------------------------------------:|
|    冬天#5215     |              [CodePen](https://codepen.io/winter_/pen/WNKRJmq)               |
|       aki        |               [codepen](https://codepen.io/aki168/pen/jOpPZMo)               |
|    albee#9121    |            [Codepen](https://codepen.io/albee-chang/pen/WNKRMNe)             |
|     YC#2522      |                [CodePen](https://codepen.io/YCLu/pen/wvxgjOO)                |
|    Kimi#9564     |              [CodePen](https://codepen.io/kimihu91/pen/xxJwjGm)              |
|     威0#6919     |      [codepen](https://codepen.io/n0918679182/pen/poZRVmv?editors=1010)      |
|    泊岸#3466     |      [codepen](https://codepen.io/qoq77416416/pen/QWBdroe?editors=1010)      |
|   Wendy3#5615    |              [codepen](https://codepen.io/wendy03/pen/GRBrdaY)               |
|    yuyu#6310     |       [codepen](https://codepen.io/yuyu0905/pen/poZRVXJ?editors=1010)        |
|    薯餅#3581     |           [Codepen](https://codepen.io/ColdingPoTaTo/pen/MWBJXgy)            |
|   ChloeLo#4858   |              [Codepen](https://codepen.io/chloelo/pen/RwBKyzB)               |
|    大衛#4869     |       [Codepen](https://codepen.io/exnsrpjc/pen/bGjgMyy?editors=1011)        |
|  LinaChen#1796   |              [Codepen](https://codepen.io/LinaChen/pen/LYBxrEe)              |
|阿沁#8176|[Codepen](https://codepen.io/a8322342/pen/xxJdWNB?editors=1010)|
|    ViNci#4273    |              [Codepen](https://codepen.io/ViNciSyo/pen/JjBEZjr)              |
|  suihsilan#9485  |       [Codepen](https://codepen.io/suihsilan/pen/KKBaepp?editors=1010)       |
| PeihanWang#2530  |      [Codepen](https://codepen.io/PeihanWang/pen/JjBEZYO?editors=1010)       |
|   MotoRin#2616   |       [Codepen](https://codepen.io/sakimoto/pen/BaPpVNe?editors=1011)        |
|  Jill Lee#0809   |     [Codepen](https://codepen.io/chi-ling-lee/pen/ExpZRPX?editors=1010)      |
|    JackC#0411    |              [Codepen](https://codepen.io/key0329/pen/jOpyKWP)               |
|   心幻羽#0056    |      [Codepen](https://codepen.io/linglingsyu/pen/QWBdxyw?editors=1010)      |
|   KC_8685#9343   |             [Codepen](https://codepen.io/cathy7411/pen/gOjgKPq)              |
|   AuroraC#6539   |        [codepen](https://codepen.io/AuroraC/pen/vYagrGV?editors=1010)        |
|  kenki100#0068   |               [Codepen](https://codepen.io/ken100/pen/NWBdzPQ)               |
|     Chi#7605     |              [Codepen](https://codepen.io/YoChi84/pen/rNrjKMy)               |
|    RyanC#6960    |        [Codepen](https://codepen.io/RyanYD/pen/vYagrYa?editors=1010)         |
|    kuku#3118     |            [Codepen](https://codepen.io/mengting-ku/pen/WNKRypv)             |
|    RainJ#3480    |             [Codepen](https://codepen.io/RainJCode/pen/mdjRKmo)              |
|  hannahtw#2224   |       [Codepen](https://codepen.io/hangineer/pen/poZRKwE?editors=1010)       |
|    無名#6427     |              [Codepen](https://codepen.io/Nomoney/pen/rNrjKmw)               |
|   popeye#5081    |             [codepen](https://codepen.io/popeye_ux/pen/VwBPdWE)              |
|  mandylai#4055   |            [codepen](https://codepen.io/mandy-lai-2/pen/BaPpVwB)             |
|    Alex#9978     | [codepen](https://codepen.io/datsxzqg-the-selector/pen/JjBEZpZ?editors=1010) |
|   法希娜#3206    | [codepen](https://codepen.io/yiiserpf-the-encoder/pen/qByRKoy?editors=1010)  |
|    圈圈#4060     |         [Codepen](https://codepen.io/wjejfczn-the-bold/pen/PoBWerX)          |
|  LHchien33#6232  |             [Codepen](https://codepen.io/lin_chien/pen/qByRKYy)              |
|   Benson#6763    |              [Codepen](https://codepen.io/kumashow/pen/ExpZRdL)              |
|    威爾#1694     |              [CodePen](https://codepen.io/WILL_Wu/pen/eYjgKoy)               |
|     int#7518     |       [Codepen](https://codepen.io/intHuang/pen/eYjgjNr?editors=1010)        |
|  Asher Xu#9297   |             [Codepen](https://codepen.io/kirakira72/pen/vYagaGY)             |
|    yaru#6308     |       [CodePen](https://codepen.io/lszaietc/pen/YzjNjGz?editors=1010)        |
|    RJRS#9430     |                [CodePen](https://codepen.io/RJRS/pen/vYagagO)                |
|   Winnie#1306    |    [Codepen](https://codepen.io/WinnieWuWinnie/pen/OJwWwgW?editors=1010)     |
| jacky010080#0880 |     [CodePen](https://codepen.io/Yen-Jung-Chen/pen/QWBdBqO?editors=1010)     |
|   Wendy77#8049   |              [Codepen](https://codepen.io/Wendy__/pen/mdjRjpE)               |
|    阿鑫#4346     |       [CodePen](https://codepen.io/Neil1024/pen/MWBJBBP?editors=1011)        |
|    Tami#6742     |         [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/vYagabX)          |
|  Ruby Chen#7452  |       [Codepen](https://codepen.io/ruby92429/pen/yLqgqrQ?editors=1010)       |
|  Potatolee#7749  |             [Codepen](https://codepen.io/potatoleee/pen/eYjgLzq)             |
| Yuna Huang#2692  |       [Codepen](https://codepen.io/Yuna1002/pen/dyjNqaZ?editors=1010)        |
|    ㄚ翔#8126     |          [codepen](https://codepen.io/engineerjohnson/pen/XWBpPvN)           |
|    柔柔#1716     |              [Codepen](https://codepen.io/rouchen/pen/BaPpqNE)               |
| 阿榮#8277|[CodePen](https://codepen.io/mogzbvfl-the-reactor/pen/KKBaGNV)|
|PayRoom#8328|[CodePen](https://codepen.io/water38198/pen/JjBEmbM)
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/dyjNqQZ)
|masterYan#2480|[Codepen](https://codepen.io/htzwgoqt-the-looper/pen/QWBdJKM)
|楊苡安#2752|[Codepen](https://codepen.io/yi-an-yang/pen/PoBWxBp?editors=1010)
|魚子醬#5220|[Codepen](https://codepen.io/haihsuan/pen/WNKRLRa)|
|黑白兔#0684|[Codepen](https://codepen.io/johnny329/pen/XWBpoMJ)|
|Amberhh#2465|[codepen](https://codepen.io/Amberhh/pen/XWBpYrp) |
|竹輪#3335|[codepen](https://codepen.io/chikuwa0120/pen/VwBPRmZ)|
|小木馬#8760|[codepen](https://codepen.io/wmmtbcsd/pen/rNrjRWr?editors=1010)|
|yoyo123456#0577|[codepen](https://codepen.io/hungyoyo/pen/GRBreEZ)|
|Bella_#1587|[codepen](https://codepen.io/Chen-Bella/pen/xxJgBrB)|
|Hironaka#7367|[codepen](https://codepen.io/Hironaka0815/pen/zYLNbab?editors=1010)|
|JimmyChang#5558|[codepen](https://codepen.io/JimmyChangWenChi/pen/poZRYYOhttps://codepen.io/Hironaka0815/pen/zYLNbab?editors=1010)|
|老皮博士#8050|[codepen](https://codepen.io/li0406/pen/dyjNLop?editors=1010)|
|出事了阿伯#9923|[codepen](https://codepen.io/BradpittLai/pen/bGjgJdM)|
|FiReBrO#0557|[codepen](https://codepen.io/firebro42/pen/OJwWGmZ)|
|RainLiao#2616|[codepen](https://codepen.io/billpop741/pen/eYjgadB)|
|Silvialu#4521|[codepen](https://codepen.io/Silvia091640/pen/GRBrdbY)|
|Cheryl#4007|[Codepen](https://codepen.io/Cheryl-Hsu/pen/eYjgaGW?editors=1010)|
Bassjim#0118|[Codepen](https://codepen.io/winter_/pen/WNKRJmq)|
|xin#1214|[Codepen](https://codepen.io/SiaoYao/pen/vYagwev)|
|柚子#3958|[Codepen](https://codepen.io/as6625998/pen/VwBPJvJ?editors=1010)|
|Austyn#0949|[Codepen](https://codepen.io/fish90547/pen/YzjNoNz?editors=1010)|
|Fang#4680|[Codepen](https://codepen.io/std95174/pen/abjpeOb)
Zack_P#1805|[Codepen](https://codepen.io/tmzazirh-the-animator/pen/eYjvOXe?editors=1010)
|azami#5986|[Codepen](https://codepen.io/azami/pen/QWBdzao)|
| christina#6185 | [Codepen](https://codepen.io/chrisc0210/pen/PoBpzab)|
| helena#8461 | [Codepen](https://codepen.io/helena27/pen/MWBpjWZ)|
| 米米#1824 | [Codepen](https://codepen.io/Jameshsu0407/pen/eYjvdza?editors=1010)|
|yoyo#1003| [Codepen](https://codepen.io/pen/BaPWLqO)|
|MengLin#3001|[codepen](https://codepen.io/aacj2642/pen/XWBMpZx?editors=1010)|
|Wei#2330|[Codepen](https://codepen.io/ixfjxrbo-the-typescripter/pen/xxJqqaE)|
|Paul#7426|[CodePen](https://codepen.io/paul-1997/pen/ExpWmQw)|
|SASIMI#5099|[Codepen](https://codepen.io/sashimi1327/pen/rNrydYr)|
|Mia小福#4473|[Codepen](https://codepen.io/a0950271/pen/qByroge?editors=1010)|
|DIO大人#4776|[Codepen](https://codepen.io/oscar-2283/pen/xxJqjjV)|
|YI#0863|[Codepen](https://codepen.io/YI0305/pen/jOpBoxP?editors=1010)|
|Judy Wei#6103|[Codepen](https://codepen.io/Judy0718/pen/poZPOpx)|
|IreneY#0086|[CodePen](https://codepen.io/HalfPlannedJourney/pen/PoBmxJw)|
|Hazel.#6020|[CodePen](https://codepen.io/Hazelhsieh/pen/xxJdpZo?editors=1011)|
|kevin#8349|[CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/vYaZgpM?editors=1011)|
|CatBoxy#4207|[CodePen](https://codepen.io/nekoboxy/pen/MWBoqNL)|
|阿異#4776|[CodePen](https://codepen.io/yani21399/pen/JjBNEJm)|
|hsufengs#2816|[CodePen](https://codepen.io/feng-sheng-hsu/pen/QWBgZoe)|
|shiuan#4721|[codepen](https://codepen.io/prankaChang/pen/VwBWJEg?editors=1010)|
|enolachen#8031|[codepen](https://codepen.io/Chen-Enola/pen/XWBgvYO?editors=1010)|
|Cookie SSS#6991|[codepen](https://codepen.io/sqhjikpa-the-selector/pen/ZEjXVeJ)|
|GOD_QWERTYUIOPLKJLKLLOINJ_MASTER#4922|[codepen](https://codepen.io/sho666/pen/NWBXxaP?editors=1010)|
|Mylène#2481|[CodePen](https://codepen.io/hamajibashi/pen/LYBOmBg)|
|Yiru#0236|[Codepen](https://codepen.io/yiru94/pen/qBymERd?editors=1010)|
|Tuhacrt#0008|[codepen](https://codepen.io/Tuhacrt/pen/ZEjRQvZ)|
|yaru#6308|[CodePen](https://codepen.io/lszaietc/pen/YzjNjGz?editors=1010)|
|大大#5164|[CodePen](https://codepen.io/gzonothk-the-looper/pen/WNKyLeE)|
|周周#3503|[CodePen](https://codepen.io/jhoujhou-the-decoder/pen/ZEjRgow?editors=1010)|
|Hilda#7085|[CodePen](https://codepen.io/vwquikad-the-vuer/pen/rNrjKJG)|
|ABOOS#6276|[CodePen](https://codepen.io/guhungyin/pen/abjjjNL?editors=1010)|
|Knock59487#9114|[CodePen](https://codepen.io/Zack88/pen/JjBxpgq)|
|阿蘇#8531|[CodePen](https://codepen.io/susu3131/pen/wvxOYBL?editors=1010)|
| Jenny真#7532 | [CodePen](https://codepen.io/wei-chen-wu/pen/GRBLdom?editors=1010) |
| hungya#0773 | [CodePen](https://codepen.io/hungya777/pen/GRBbgZq?editors=1010) |
|popcorn_3q#9893|[Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/eYLpaLG)|
|JY#5712|[Codepen](https://codepen.io/judy_123/pen/BaOdvzJ)|
|Eason#7884|[Codepen](https://codepen.io/ASLEO/pen/wvYKBeM)|
|Eileen#6454|[Codepen](https://codepen.io/Eileen-io/pen/MWPbxeo)|
