---
# System prepended metadata

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

---


# 🗞 8/4(三) 每日任務

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

## 題目
watch(二) 深層監控
>請複製 （右下角 fork）[這個範例](https://codepen.io/rider159159/pen/poPVgYR)，並執行以下要求：
> - 使用深層監控功能，監控 `family.child.LastName` 的值
> - 並且透過監控功能讓 `family.child.FullName` 的值為 `family.child.FirstName` 與 `family.child.LastName` 的字串加總
>  - 提示一: 若要使用深層監聽需在 watch 中補上 `deep:true`
>  
> - 實際狀況如圖:
> ![](https://i.imgur.com/CVB2CGj.png)
 
## 回報流程
 將答案寫在 Codepen 並複製 Codepen 連結貼至下方作業投稿區就算完成


## 作業投稿區(學員自行投稿)
1. [Ryder 範例投稿](https://codepen.io/rider159159/pen/bGWMEob)
2. [Ching Hua](https://codepen.io/ching-hua-wang/pen/BaRrPEv)
3. [雅萱](https://codepen.io/WangShuan/pen/YzVLxoB?editors=1010)
4. [Boris Huang](https://codepen.io/boris0510/pen/YzVjomW)
5. [Jin](https://codepen.io/Jin-L/pen/RwVBXNK)
6. [JarvisYu](https://codepen.io/jarvis1993/pen/KKmBOVG)
7. [Bucky](https://codepen.io/bucky0112/pen/ExmpqVY?editors=0010)
8. [佳鈴](https://codepen.io/zpyfpsxa/pen/NWjBQqM?editors=1010)
9. [Stanley](https://codepen.io/stanley-yeh/pen/poPZMjQ)
10. [肉鬆](https://codepen.io/klrkicog/pen/QWvBedZ?editors=1010)
11. [AnAn](https://codepen.io/AndyAnn/pen/jOmpgmX?editors=1010)
12. [詠銓](https://codepen.io/GGfish26/pen/jOmpgGd?editors=1010)
13. [小艾](https://codepen.io/bolaslien/pen/dyWjxmW)
14. [weiwei](https://codepen.io/mihtcmff-the-typescripter/pen/abWjeVd?editors=1011)
15. [YC Lu](https://codepen.io/YCLu/pen/RwVBXjL)
16. [小韭菜](https://codepen.io/jhang-jhe-wei/pen/vYmaoMd)
17. [HSY](https://codepen.io/Hsy_00/pen/vYmaozW?editors=1010)
18. [陳sam](https://codepen.io/euldpliv/pen/NWjBQze)
19. [yuyu](https://codepen.io/yuyu0905/pen/LYyBwaL?editors=1010)
20. [Link1515](https://codepen.io/Link1515/pen/mdmjNZK)
21. [LMY](https://codepen.io/l_umei/pen/jOmvNqO)
22. [Eva](https://codepen.io/hiYifang/pen/dyWjxxZ)
23. [Eric](https://codepen.io/ericyericy/pen/wvdxVNR)
24. [wind](https://codepen.io/wind7y/pen/PomBMee)
25. [Ruby](https://codepen.io/sozqnmzy/pen/mdmGbJG)
26. [Bear](https://codepen.io/adaibear/pen/ExmeYZX)
27. [Jack](https://codepen.io/yxzzktmb/pen/PomdYmg?editors=1010)
28. [Morris](https://codepen.io/morrisss/pen/dyWjxMp?editors=1010)
29. [Jax](https://codepen.io/cvecve147/pen/jOmvNZW)
30. [samuel](https://codepen.io/samuelshing/pen/XWRPrEa)
31. [Jessy](https://codepen.io/jessy-shen/pen/VwbGZQE?editors=1010)
32. [Linn](https://codepen.io/winnie50431/pen/YzVOKBg)
33. [Chiang](https://codepen.io/ChiangJ/pen/BaROBOa?editors=1011)
34. [tony](https://codepen.io/tony0831-l/pen/oNWPvPP)
35. [YuSung](https://codepen.io/kevin-hsu-the-encoder/pen/mdmGbbj?editors=1010)
36. [shiuanping](https://codepen.io/shiuanping/pen/eYWLOoG)
37. [Yu](https://codepen.io/justyu2001/pen/qBmMBag)
38. [kimn](https://codepen.io/kimn/pen/xxdaxOQ?editors=1010)
39. [Will](https://codepen.io/WILL_Wu/pen/BaROadQ)
40. [紅茶柚o](https://codepen.io/stp9640502/pen/NWjLWNb)
41. [Keith](https://codepen.io/qwrejhic/pen/zYwJxKO?editors=1010)
42. [Saiki](https://codepen.io/rostpfette/pen/zYwJYva)
43. [安安](https://codepen.io/leave3310-the-looper/pen/wvdEBXE?editors=1010)
44. [timothy80617](https://codepen.io/timothy_hippo/pen/bGWxbXp?editors=0011)
45. [miku3920](https://codepen.io/miku3920/pen/WNjgbBW)
46. [謝佳伶](https://codepen.io/lilishe-the-scripter/pen/rNmZaXe?editors=1010)
47. [JC](https://codepen.io/jcsamoyed/pen/LYyJEwj?editors=1010)
48. [Howard](https://codepen.io/yawdnhbm/pen/rNmZaRx)
49. [Richard](https://codepen.io/richardchen8109/pen/OJmoPww?editors=1010)
50. [Allen Lin](https://codepen.io/lcf7891/pen/MWmqWLq?editors=1010)
51. [axlrock1021](https://codepen.io/andy1021/pen/PomdPYw)
52. [JohnnyChao](https://codepen.io/yuanjyun/pen/NWjLGNb?editors=1010)
53. [andersonshen](https://codepen.io/luxyenni-the-bold/pen/gOWdPOW)
54. [Katie Zhao](https://codepen.io/katiezhao/pen/gOWdPmX)
55. [Megan Chen](https://codepen.io/megan_cc/pen/OJmoMmQ)
56. [curry](https://codepen.io/Ted19851223/pen/VwbGeEz?editors=1010)
57. [Gui](https://codepen.io/guitimliu/pen/NWjLxzE)
58. [AmberCYT](https://codepen.io/amberTing/pen/wvdEMQY?editors=1111)
59. [annycheng](https://codepen.io/chengyu0228/pen/XWRPXJw)
60. [Nick](https://codepen.io/nick-lin/pen/zYwJBKL)
61. [Sandra](https://codepen.io/yuying-toro/pen/abWabZR?editors=1011)
62. [Mia](https://codepen.io/whfan96/pen/XWRPKPo)
63. [Mobius](https://codepen.io/dopamine908/pen/PomdGxa)
64. [lingxuan](https://codepen.io/penglingxuan/pen/yLbxVyy?editors=1010)
65. [Jane Lin](https://codepen.io/as60160/pen/LYyJbpz)
66. [Ryan Yang](https://codepen.io/RYANYANG1102/pen/dyWqpRO?editors=1010)
67. [RitaHuang](https://codepen.io/Rita-Rossweisse/pen/BaROZBN?editors=1010)
68. [黃士桓](https://codepen.io/shr-huan-huang/pen/mdmGwdN?editors=1010)
69. [Izumi 泉](https://codepen.io/izumi-dev/pen/GRmXjWv?editors=1010)
70. [D.E.](https://codepen.io/ailentde/pen/yLbxzRV)
71. [wendy](https://codepen.io/siaochanwu/pen/GRmXGPL?editors=1011)
72. [ET](https://codepen.io/et0115/pen/ZEKMMOw)
73. [wj_omg](https://codepen.io/wj_omg/pen/JjNaeZz)
74. [阿丁兒](https://codepen.io/dingpachan/pen/wvdEENE?editors=1010)
75. [翁偉凌](https://codepen.io/wengweiling/pen/dyWqBWr)
76. [Kowin](https://codepen.io/kowin/pen/PomdrOP)
77. [SunWEi](https://codepen.io/sunweiii/pen/yLbxmPG)
78. [Nat](https://codepen.io/dxnqcnen/pen/dyWqzWp)
79. [Chu kuohua](https://codepen.io/chukuohua/pen/gOWBWMK)
80. [Genos](https://codepen.io/pb220416/pen/PomyjdZ)
81. [Abby](https://codepen.io/abby1125/pen/YzVJaNB?editors=1010)
82. [Daisord](https://codepen.io/daisord/pen/vYmVjzg)
83. [Lina](https://codepen.io/LinaChen/pen/ZEKqdGL)
84. [RC](https://codepen.io/rc_code/pen/YzVJoyJ?editors=1011)
85. [Noin](https://codepen.io/Noin/pen/abWRgOV)
86. [yuki](https://codepen.io/sihyu/pen/YzVJoGR?editors=1010)
87. [Kaori](https://codepen.io/erxxx4321/pen/VwbEooP)
88. [SinHsieh](https://codepen.io/SinHsieh/pen/rNmQJMB)
89. [敬智](https://codepen.io/hjingjhih/pen/oNWQaEW)
90. [Parsons](https://codepen.io/tom00502/pen/eYWQQZB)
91. [frank2411](https://codepen.io/wlk0411/pen/oNWQQzq)
92. [Edward](https://codepen.io/Edward_77/pen/abWQXjm?editors=1010)
93. [Churng](https://codepen.io/churng/pen/JjNezaZ?editors=1010)
94. [Joyce](https://codepen.io/lcijoyce622/pen/WNjLezL)
95. [家妃](https://codepen.io/emily_lin/pen/NWjevRb)
96. [來去高雄](https://codepen.io/pocper1/pen/PomVLqR)
97. [阿儒](https://codepen.io/colinchiu87/pen/vYmwWwZ?editors=1010)
98. [LuYing](https://codepen.io/lilylily819/pen/XWRwVyM)
99. [Yiren](https://codepen.io/Yiren_Liou/pen/NWgKXyY)
100. [Joy Cheng](https://codepen.io/joycheng5432/pen/VwzjvJB)