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

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

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

#### 額外挑戰
完成上述題目後，嘗試將 JS 區塊改為使用 Composition API 撰寫

## 回報流程

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


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

https://codepen.io/jmimiding4104/pen/yLwLNxE

額外挑戰：
https://codepen.io/jmimiding4104/pen/ExMxjeM
-->

回報區
---

| Discord | CodePen / 答案 |
|:----------------:|:----------------------------------------------------------------------------:|
| bf_tsai | [CodePen](https://codepen.io/BF-Tsai/pen/zYbNvvg) |
| Yijing | [CodePen](https://codepen.io/Yi-Jing-71080635/pen/WNmRQry?editors=1010) |
| JING | [CodePen](https://codepen.io/HSUANIN0327/pen/RwdKWWp) |
| Fabio20 | [CodePen](https://codepen.io/fabio7621/pen/VwRPvKm?editors=1010) |
| 銀光菇 | [CodePen](https://codepen.io/genesynthesis/pen/yLwgYVw?editors=1010) |
| Celine 510 | [CodePen](https://codepen.io/Celine-510/pen/LYaxpWZ) |
| XinYu | [CodePen](https://codepen.io/HsuXinYu/pen/jOJybmX?editors=1010) |
| py | [CodePen](https://codepen.io/Wpypy/pen/GRerpOy?editors=1010) |
| runweiting | [CodePen](https://codepen.io/weiting14/pen/WNmRQdY) |
| Emily | [CodePen](https://codepen.io/Emily2089/pen/wvOgKOR) |
| KUN. | [CodePen](https://codepen.io/barry91205/pen/NWJdGZm?editors=1010) |
| kj | [CodePen](https://codepen.io/Eero-Chiao/pen/BabpjBM) |
| Nelly | [CodePen](https://codepen.io/Nelly-Guo/pen/NWJdxWV?editors=1010) |
| Chia Pin | [CodePen](https://codepen.io/joker-cat/pen/gOEgPYB) |
| RayRay | [CodePen](https://codepen.io/CityRay/pen/yLwgePa) |
| 風羽 | [CodePen](https://codepen.io/Joy-Huang/pen/mdoRepq) |
| Tom | [CodePen](https://codepen.io/sp1daTomm/pen/abMpdaq) |
| 黃士桓 | [codePeb](https://codepen.io/shr-huan-huang/pen/RwdKarb) |
| Moreene | [CodePen](https://codepen.io/Moreene/pen/VwRPayw) |
| cest_jessie | [CodePen](https://codepen.io/itsjessiechen/pen/ExMWxpj) |
| helen | [CodePen](https://codepen.io/milkteamonster/pen/WNmRwLd?editors=1011) |
| kawa | [CodePen](https://codepen.io/z83xji6/pen/GRerqvO?editors=1010) |
| Winnie | [CodePen](https://codepen.io/codepen-io-winnie/pen/bGZgeJz?editors=1010) |
| Uli | [CodePen](https://codepen.io/uli1313/pen/QWodKEL?editors=1010) |
| Ryann | [CodePen](https://codepen.io/csw8524/pen/abMpmXY) |
| Tippy | [CodePen](https://codepen.io/Ektodor-Wang/pen/zYbNoRM) |
|Wei_Rio|[CodePen](https://codepen.io/wei_wu/pen/jOJyywQ?editors=1010)|
| MY | [CodePen](https://codepen.io/ahmomoz/pen/BabpWjb) |
| Yang | [CodePen](https://codepen.io/Yang-J/pen/NWJdpgK) |
| WEI | [CodePen](https://codepen.io/wei-z/pen/yLwgbBX?editors=1010) |
| yu.t_liu | [CodePen](https://codepen.io/YuT200053/pen/KKEamzq?editors=1010) |
| elena | [CodePen](https://codepen.io/elena0127abc/pen/ExMZmVR) |
| 熊大 | [CodePen](https://codepen.io/asiating/pen/poYRPxV?editors=1010) |
| Eazy | [CodePen](https://codepen.io/Eazychen/pen/oNVBWmg?editors=1010) |
| ann6212 | [CodePen](https://codepen.io/yqmegupa-the-styleful/pen/JjzEyxZ) |
| celinelinnn |[CodePen](https://codepen.io/celinephoebe/pen/LYaxzZq)|
| Ataraxia | [CodePen](https://codepen.io/ataraxia8888/pen/poYRprg) |
| PoRay | [CodePen](https://codepen.io/raycheng/pen/gOEgeQe?editors=1011) |
| Leo | [CodePen](https://codepen.io/Aruminiya/pen/wvOgXPo) |
|Eden|[Codepen](https://codepen.io/iseden/pen/jOJyKKa)|
| dora | [CodePen](https://codepen.io/dorayu/pen/mdoReMB?editors=1011) |
| SHUO | [CodePen](https://codepen.io/xrzarxkl-the-reactor/pen/abMpazB?editors=1010) |
| 小夏 | [CodePen](https://codepen.io/michaelhsia/pen/oNVBPGq) |
| FangFang | [CodePen](https://codepen.io/FangFang09/pen/abMpRRM) |
| macihuang | [CodePen](https://codepen.io/macy1215/pen/abMpRMx) |
| 小正 | [CodePen](https://codepen.io/colorgolden/pen/eYXgQwN?editors=1010) |
| 保羅 | [CodePen](https://codepen.io/paul-1997/pen/QWodoeP) |
| Antonio | [CodePen](https://codepen.io/gwhvusel-the-builder/pen/BabpRMZ) |
| 欣霓 | [CodePen](https://codepen.io/tvxq5206/pen/poYRMoM?editors=1011) |
| JoyChiang | [CodePen](https://codepen.io/dcthmcje-the-reactor/pen/JjzEQaX?editors=1010) |
| MikeLin | [CodePen](https://codepen.io/MikeLin0701/pen/dyrNxwj) |
| PoWei#8484 | [CodePen](https://codepen.io/Po-Wei-Lai/pen/vYPxGeo?editors=1010) |
| hua | [CodePen](https://codepen.io/LHua/pen/gOEmMwm) |
| 狸貓 | [CodePen](https://codepen.io/tanuki320/pen/eYXvdRZ?editors=1010) |
| PayRoom |[CodePen](https://codepen.io/water38198/pen/GReWrpN)
| sponge | [CodePen](https://codepen.io/biunpujm-the-flexboxer/pen/WNmpRYa?editors=1010) |
| Chris | [CodePen](https://codepen.io/cjtseng07/pen/mdoWLWL) |
| Rock | [CodePen](https://codepen.io/xiu43317/pen/xxBqJpx) |
| fanshu0303 | [CodePen](https://codepen.io/JuiHsuanLee0303/pen/XWGMxZE) |
| Ariel | [CodePen](https://codepen.io/ariel0510/pen/wvOoOMm) |
| hedy | [CodePen](https://codepen.io/Hedy_H/pen/MWxpRpW?editors=1010) |
| .zack_p | [CodePen](https://codepen.io/Designer-PH/pen/ZEPeNdo?editors=1010) |
| 精靈 | [CodePen](https://codepen.io/justafairy/pen/YzgVQEw) |
| jeremyChan | [CodePen](https://codepen.io/nudieisgood/pen/NWJjeQZ?editors=1010) |
| 翔.Ben | [CodePen](https://codepen.io/energy95272z/pen/RwdVzqG?editors=1010) |
| Ting | [CodePen](https://codepen.io/liara/pen/zYbzvje)|
| chihyang | [CodePen](https://codepen.io/hike1707/pen/abMwEmb)|
| 鮮奶油櫻桃煎餅 | [CodePen](https://codepen.io/mattielin/pen/LYaLedb?editors=1010) |
| stone4584 | [CodePen](https://codepen.io/Royen0506/pen/VwRWVZg) |
| shuuu | [CodePen](https://codepen.io/jybvfzos-the-bashful/pen/vYPZqrE?editors=1010) |
| jia yu | [CodePen](https://codepen.io/fjqxaznl-the-reactor/pen/rNRzjQr?editors=1010) |
| xuan | [CodePen](https://codepen.io/xuan0915/pen/MWxvpMN?editors=1010) |
| santu0868 | [CodePen](https://codepen.io/HatsumiSan/pen/qBvXRKv?editors=1010) |
| peggy | [CodePen](https://codepen.io/peggylai/pen/abMyMja?editors=1010) |
| skypassion5000 | [CodePen](https://codepen.io/skypassion5000/pen/VwRzOJB?editors=1010) |
| _amaaaa | [CodePen](https://codepen.io/Alicia-Chu/pen/mdopdKa) |
| Iris | [CodePen](https://codepen.io/iris831206/pen/bGZaKLL?editors=1010) |
|yuling|[Codepen](https://codepen.io/igzdflpu/pen/yLwpmjo)|
| haru | [CodePen](https://codepen.io/haru_portfoilo/pen/dyrdPer) |
|WA|[Codepen](https://codepen.io/ldddl/pen/zYbQJNG)|
| yuan! | [CodePen](https://codepen.io/townyuan/pen/oNOjYEv) |

<!--

| user | [CodePen]() |

-->