---
# System prepended metadata

title: "\U0001F5DE 8/9(一) 每日任務"
tags: [Vue 3 JS 新手夏令營]

---


# 🗞 8/9(一) 每日任務

###### tags:`Vue 3 JS 新手夏令營`

## 題目
使用 reactive  建立 Composition
>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/QWvZebM)，並執行以下要求：
>- 試著 steup 中使用 reactive 建立 course 物件，並添加 name 屬性，並讓 name 屬性的值為 『Vue3 夏令營』
>- 小提示 reactive 只能建立物件，與 ref 的差別，可參考 Casper 老師[影片中的介紹](https://www.youtube.com/watch?v=xOG-5fCvYbY&t=1655s&ab_channel=%E5%85%AD%E8%A7%92%E5%AD%B8%E9%99%A2)。

## 回報流程
 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成


## 作業投稿區(學員自行投稿
1. [Ryder 投稿範例 ](https://codepen.io/rider159159/pen/rNmqXar)
2. [Gui](https://codepen.io/guitimliu/pen/XWRyxMW)
3. [Boris Huang](https://codepen.io/boris0510/pen/bGWQmWx)
4. [samuel823](https://codepen.io/samuelshing/pen/bGWQmRx)
5. [Stanley](https://codepen.io/stanley-yeh/pen/zYwMmdG)
6. [詠銓](https://codepen.io/GGfish26/pen/WNjYadL)
7. [Yu](https://codepen.io/justyu2001/pen/RwVqeJQ)
8. [Will](https://codepen.io/WILL_Wu/pen/abWQRam)
9. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/MWmzPZY)
10. [小艾](https://codepen.io/bolaslien/pen/bGWQmOz)
11. [Yu Sung](https://codepen.io/kevin-hsu-the-encoder/pen/bGWQmzZ?editors=1010)
12. [Joi](https://codepen.io/Joi-Chen/pen/JjNemVN)
13. [陳sam](https://codepen.io/euldpliv/pen/BaRGqeM)
14. [安安](https://codepen.io/leave3310-the-looper/pen/oNWQaRo?editors=1010)
15. [Bucky](https://codepen.io/bucky0112/pen/XWRyxvj?editors=1010)
16. [Jessy](https://codepen.io/jessy-shen/pen/QWvJJWL)
17. [wind](https://codepen.io/wind7y/pen/KKmrrKw)
18. [LMY](https://codepen.io/l_umei/pen/vYmQQEr)
19. [Eric](https://codepen.io/ericyericy/pen/jOmQQNN)
20. [Eva](https://codepen.io/hiYifang/pen/bGWQQVP)
21. [Saiki](https://codepen.io/rostpfette/pen/dyWQQpe)
22. [frank2411](https://codepen.io/wlk0411/pen/OJmaaxK)
23. [Bear](https://codepen.io/adaibear/pen/JjNeerL)
24. [Jax](https://codepen.io/cvecve147/pen/LYyXXvX)
25. [shiuanping](https://codepen.io/shiuanping/pen/ZEKmmwX)
26. [ET](https://codepen.io/et0115/pen/JjNeeQm)
27. [Shay](https://codepen.io/fromzeroo/pen/mdmQQNb)
28. [Parsons](https://codepen.io/tom00502/pen/VwbVqYO)
29. [阿丁兒](https://codepen.io/dingpachan/pen/YzVRdXm)
30. [Chiang](https://codepen.io/ChiangJ/pen/YzVRdym?editors=1010)
31. [佳鈴](https://codepen.io/zpyfpsxa/pen/PomxXWz)
32. [Howard](https://codepen.io/yawdnhbm/pen/dyWQwdy)
33. [Linn](https://codepen.io/winnie50431/pen/VwbVqBv)
34. [yuyu](https://codepen.io/yuyu0905/pen/zYwMeNx)
35. [YC Lu](https://codepen.io/YCLu/pen/LYyXqyR)
36. [kimn](https://codepen.io/kimn/pen/KKmrbzv?editors=1010)
37. [Jin](https://codepen.io/Jin-L/pen/wvdQNxQ)
38. [annycheng](https://codepen.io/chengyu0228/pen/zYwMeyB)
39. [黃士桓](https://codepen.io/shr-huan-huang/pen/poPQGmo?editors=1010)
40. [AmberCYT](https://codepen.io/amberTing/pen/LYyXabQ)
41. [miku3920](https://codepen.io/miku3920/pen/QWvJoay)
42. [Ching Hua](https://codepen.io/ching-hua-wang/pen/ExmOMyX)
43. [tony](https://codepen.io/tony0831-l/pen/gOWQyOb)
44. [Kowin](https://codepen.io/kowin/pen/poPQBRd)
45. [Churng](https://codepen.io/churng/pen/ZEKmPNX)
46. [curry](https://codepen.io/Ted19851223/pen/poPQBKV)
47. [Jane Lin](https://codepen.io/as60160/pen/xxdQeMv)
48. [timothy80617](https://codepen.io/timothy_hippo/pen/ZEKmVMq)
49. [Edward](https://codepen.io/Edward_77/pen/yLbQdBN)
50. [guyu](https://codepen.io/guyu-su/pen/NWjEZxQ)
51. [Mia](https://codepen.io/whfan96/pen/VwbVJax)
52. [肉鬆](https://codepen.io/klrkicog/pen/dyWwyMm)
53. [Joyce](https://codepen.io/lcijoyce622/pen/GRmPRqw)
54. [AnAn](https://codepen.io/AndyAnn/pen/GRmPgqJ)
55. [D.E.](https://codepen.io/ailentde/pen/wvdRBjd)
56. [Kris](https://codepen.io/Naito_K/pen/mdmayar)
57. [Nick](https://codepen.io/nick-lin/pen/zYwyBoZ)
58. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/oNWJWxb)
59. [Jack](https://codepen.io/yxzzktmb/pen/OJmrgmq?editors=1010)
60. [Genos](https://codepen.io/pb220416/pen/abWPwRE)
61. [小陳](https://codepen.io/yo02741/pen/dyWwRQg?editors=1010)
62. [紅茶柚o](https://codepen.io/stp9640502/pen/YzVdGzM)
63. [家妃](https://codepen.io/emily_lin/pen/xxdmLmN)
64. [Izumi 泉](https://codepen.io/izumi-dev/pen/PomXJXa?editors=1010)
65. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/jOmXaEg)
66. [Morris](https://codepen.io/morrisss/pen/bGWOYMb)
67. [wendy](https://codepen.io/siaochanwu/pen/YzVdevQ)
68. [Allen Lin](https://codepen.io/lcf7891/pen/wvdREVq)
69. [lingxuan](https://codepen.io/penglingxuan/pen/wvdRYJy)
70. [RC](https://codepen.io/rc_code/pen/VwbqNYq?editors=1010)
71. [小肥羊](https://codepen.io/rusheep/pen/oNWmgpO)
72. [Chu kuohua](https://codepen.io/chukuohua/pen/poPGgKW)
73. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/xxdMONp)
74. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/MWmLjem)
75. [wj_omg](https://codepen.io/wj_omg/pen/jOmdMyV)
76. [Noin](https://codepen.io/Noin/pen/VwbgpgZ)
77. [Ruby](https://codepen.io/sozqnmzy/pen/eYWxWzQ)
78. [來去高雄](https://codepen.io/pocper1/pen/OJmdGdN?editors=1010)
79. [axlrock1021](https://codepen.io/andy1021/pen/PomVrdx)
80. [阿儒](https://codepen.io/colinchiu87/pen/oNWRpeG)