---
# System prepended metadata

title: "\U0001F3C5 5/24 (一) 每日任務 Day 21"
tags: [Vue 直播班 - 2021 夏季班]

---

# 🏅 5/24 (一) 每日任務 Day 21
###### tags: `Vue 直播班 - 2021 夏季班`

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

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

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

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

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

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

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

回報區
---
<!-- 1:Alpha
Codepen:https://codepen.io/alphatero/pen/yLMbYRP
-->

<!-- 2:Lina Chen
Codepen:https://codepen.io/LinaChen/pen/YzZVyRm
-->

<!-- 3:Joe Kuo
Codepen: https://codepen.io/alertislow/pen/vYxmNbY?editors=1010
-->
<!--4:陳sam
codepen:https://codepen.io/euldpliv/pen/JjWNYzx
-->

<!-- 5:Vic 
codepen:https://codepen.io/hsuan333/pen/yLMbYrp
-->

<!--6:LiShang
codepen:https://codepen.io/li-shang/pen/YzZVybz
-->
<!--7:Jasmin
codepen:https://codepen.io/thejasmin/pen/jOBmbjG
-->

<!--8:小魚
codepen:https://codepen.io/jarvis1993/pen/YzZVwKP
-->

<!-- 9: Yi Chieh
codePen: https://codepen.io/Yi-Chieh/pen/XWMRXrx?editors=1010
-->

<!-- 10: Alysa Chan
codepen: https://codepen.io/alysachan/pen/yLMbeNj?editors=1010
-->

<!-- 11 : Harold
codepen: https://codepen.io/YuWin0805/pen/wvJdMad
-->

<!-- 12: Jack
https://codepen.io/yxzzktmb/pen/gOmWPLg?editors=1010
-->

<!-- 13: Erica
https://codepen.io/ericadu/pen/oNZWboj
-->

<!-- 14: tim Chou
https://codepen.io/tim-chou/pen/oNZWbEb?editors=1010
-->

<!-- 15: 阿倫
https://codepen.io/jason5125122/pen/PopmZXO
-->

<!-- 16: carrie
codepen: https://codepen.io/echocarriet/pen/yLMbeWr
-->
<!-- 17: Jack
codepen: 
https://codepen.io/randomno/pen/WNpjrqa
-->

<!-- 18: Sec
codepen: https://codepen.io/Sentiments/pen/ZEeKQgg?editors=1010
-->

<!-- 19: Tori
codepen: https://codepen.io/hayen/pen/dyvWMbv?editors=1001
-->

<!-- 20: Eason
codepen: https://codepen.io/alanwu0828/pen/QWpvNjY?editors=1010
-->

<!-- 21: peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/mdWmPrX?editors=1010
-->

<!-- 22: Yiren
codepen: https://codepen.io/Yiren_Liou/pen/xxqdVLg
-->

<!-- 23: Izumi 泉
codepen: https://codepen.io/izumi-dev/pen/poePydo
-->

<!-- 24: Larry
codepen: https://codepen.io/manpower0708/pen/BaWRKGE
-->

<!--25: YOYO
codepen: https://codepen.io/lumedkle/pen/ZEeKOVr
-->

<!--26: Dah
codepen: https://codepen.io/hua0124/pen/YzZVWgK
-->

<!--27: Oober
codepen: https://codepen.io/xtsjrjdv/pen/dyvWpKM?editors=1010
-->

<!--28: Alicia Lo
codepen:
https://codepen.io/dkcyhyre/pen/MWpmjXL
-->

<!-- 29: RitaHuang
CodePen:
https://codepen.io/Rita-Rossweisse/pen/ExWmNvg?editors=1010
-->

<!-- 30: MM
CodePen:
https://codepen.io/MINN3/pen/ZEeKLOK
-->

<!-- 31: leolee
CodePen:
https://codepen.io/nekorice/pen/rNymWgj
-->

<!-- 32: Fred Chang
https://codepen.io/fred8196/pen/RwpVpar?editors=1010
-->

<!-- 33: Echo Hui
CodePen: https://codepen.io/echohuiecho/pen/GRWmWOr -->

<!-- 34: Amber
CodePen:https://codepen.io/amberTing/pen/rNymmpe?editors=1010
-->

<!-- 35: Tofu Tseng
https://codepen.io/Tofutseng/pen/xxqdrKP
-->

<!-- 36: Wendy Li
Codepen: https://codepen.io/rockayumitw/pen/NWpjvxg
-->

<!-- 37: Jay
codepen: https://codepen.io/jayredk/pen/vYxmJQg?editors=1010
 -->

<!-- 38:yijun
codepen:https://codepen.io/sandy3068/pen/NWpjaRE
-->

<!-- 39: Ed Huang
codepen:https://codepen.io/yide1986/pen/gOmWXWV?editors=1010
-->

<!-- 40: Ted Kuo
https://codepen.io/TedKuo/pen/ExWmwgP
-->

<!-- 41: Jessie Cheng
https://codepen.io/JessieMosbi/pen/vYxmWzq
-->
<!-- 42: Allen chou
https://codepen.io/eepson123tw/pen/vYxZjWO?editors=1011
-->

<!-- 43: Ethan
https://codepen.io/blazer030/pen/eYvRKpo
-->

<!-- 44: Amanda Chiang
https://codepen.io/cym199922/pen/eYvRKQN?editors=0010
-->

<!-- 45: WuJungHan
https://codepen.io/JungHanWu/pen/RwpZLMg?editors=1010
-->

<!-- 45: Chiang
https://codepen.io/ChiangJ/pen/dyvVoqp?editors=0110
-->

<!--46: jimmyFang
https://codepen.io/pohxiqqo/pen/oNZGBwe?editors=1010
-->

<!-- 47: Valerie
 https://codepen.io/vicky-chang/pen/MWpEmBL?editors=1010
 -->
 
<!-- 48: AlvinChu
https://codepen.io/wave99487chu/pen/JjWrQwJ
-->

<!-- 49: 圈圈
https://codepen.io/wei-the-lessful/pen/dyvZvww
-->

<!-- 50: Stacey 
https://codepen.io/staceyhuang/pen/oNZpNPZ?editors=1010
-->

<!-- 51: twoz 
https://codepen.io/twoz/pen/zYZRrdK?editors=1010
-->
<!-- 52: Jordan Tseng
https://codepen.io/jordan-ttc-design/pen/xxqmNqJ?editors=1011
-->

<!-- 53: moitw
https://codepen.io/tsuifei/pen/ZEedMGv?editors=1010
-->

<!-- 54: Chiang
https://codepen.io/ChiangJ/pen/MWmYvWW?editors=1010
-->