---
# System prepended metadata

title: 第四關小組任務
tags: [Vue 直播班 - 2021 夏季班]

---

---
tags: Vue 直播班 - 2021 夏季班
---

# 第四關小組任務
請透過線上會議或 Slack 討論 25 分鐘，解答此問題集，

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
    1. 該問題集的答案
    2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論
    3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。
3. 若有組員全程沒有參與到討論，該組員不會收到卓越小組徽章，其餘有符合條件者，都會獲得徽章；個人也可透過閒聊群自行找同伴完成並獲得卓越徽章。

**提交條件：**
- 在 Slack 或任何交流形式的截圖
- 參與者皆需要發言
- 答案可在 thread 中

**常見問題：**

Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以，可以在**閒聊的頻道**發起訊息（請將答案隱藏在 thread 中），只要有任何同學給你一個 Emoji 或 thread 留言都算通關

Q：如果太邊緣，沒有人回覆或給予訊息 Emoji 怎麼辦？
A：那麼你可以在隔日時默默給予自己 Emiji，依然可以算通關喔

## 問題

題目：https://codepen.io/Wcc723/pen/OJpxVJb?editors=1010

這是一連串的神秘問題，請問：

- 全域註冊的卡片中，有哪幾個是有運用的（card-a, card-b）
- 題目上，卡斯伯的卡片、Ray 的卡片，其中何者的 magicData 在初始狀態，就能接收到 "神秘文字" 這四個字
- 畫面上的 卡斯伯的卡片, Ray 的卡片，其中有一個按鈕可完整傳遞資料至另一個，請問是在本範例中是： 
    a. 卡斯伯的卡片 將 {{神秘文字}} 四個字傳至 Ray 的卡片
    b. Ray 的卡片 將 {{神秘文字}} 四個字傳至 卡斯伯的卡片
- 請截圖，並說明如何運作（範例如下，下圖絕對是錯誤的）
![](https://i.imgur.com/SQXS3bl.png)


提示：
- 其中一個卡片無法接收動態資料
- 請注意，在此有用到 v-bind: 動態屬性，專門傳遞 “變數”
- JS 變數使用中文是可以運作的
- 想看答案：可以把 {{magicData}} 加入到元件內，馬上就能了解運作


### 回報規則

- 可在群組發起討論，其它人在 thread 共同分享看法，或給予 emoji
- 未分組成員可在閒聊頻道分享

---
## 回報區

回報範例：
無組別 / 卡斯伯
![](https://i.imgur.com/tcE9emg.png)

> 助教：❌ 答錯了

Vue 1 組 / 信銓、Fred Chang、Jordan_Tseng、Lina Chen、Yu Chien、Vic、鵬聖
好像畫得不是很好XD 答案有寫在下圖右邊div裡面
![](https://i.imgur.com/KQ7NcsA.png)
![](https://i.imgur.com/XMLMcRa.png)
> 助教：✅  審核通過

Vue 2 組 
 
Vue 3 組 / 名單：Alysa Chan、Carrie、Jemma、Oober、SeanLiu 家興、WuJungHan、youting、小妤、田、Echo Hui、Cooley
![](https://i.imgur.com/EjLfDSw.png)

![](https://i.imgur.com/jRCTVCp.png)
> 助教：✅  審核通過

Vue 4 組 / LiShang、alpha、caesar、Erica
![](https://i.imgur.com/ORJBXqP.png =300x)
![](https://i.imgur.com/zOSXZlu.png =300x)
![](https://i.imgur.com/qkUXx27.png =300x)
![](https://i.imgur.com/yd6O4jG.png =300x)
> 助教：✅  審核通過

Vue 5 組 / jason06286、Tori 、Iven 、moitw 
![](https://i.imgur.com/dK400nE.png)
![](https://i.imgur.com/bcI1X5c.png)
![](https://i.imgur.com/7fm5BQd.png)
![](https://i.imgur.com/vn5BTsA.png)
> 助教：✅  審核通過


Vue 6 組 /  艾瑞克, Iva, Harold
![](https://i.imgur.com/DNR8ZE8.png)
![](https://i.imgur.com/6NJuGY0.png)
> 助教：✅  審核通過

Vue 7 組

Vue 8 組 / Jessie Cheng, Yi Chieh, Yiren, TrsunyengYu
![](https://i.imgur.com/vrsp5wQ.png)
![](https://i.imgur.com/BwJN8zY.png)
![](https://i.imgur.com/qyuXkQn.png)
![](https://i.imgur.com/V43WC06.png)
> 助教：✅  審核通過

Vue 9 組 / Larry 、 peter.chen1024
![](https://i.imgur.com/85oZSLV.png)
![](https://i.imgur.com/12kVapj.png)
> 助教：✅  審核通過

Vue 10 組 / Pon Peng、陳sam、Dah、阿倫、SEC
![](https://i.imgur.com/cK3CyeA.png =600x)
![](https://i.imgur.com/jqVBTKf.png =600x)
![](https://i.imgur.com/4LnyFq7.png =600x)
> 助教：✅  審核通過



Vue 11 組 / kaiaChun 、 MM 、 TofuTseng 、 圈圈
![](https://i.imgur.com/6ZAu9cH.jpg)
![](https://i.imgur.com/ydfV8vx.png)
![](https://i.imgur.com/XPkoHq7.png)
![](https://i.imgur.com/6Ld1vvJ.png)
![](https://i.imgur.com/Z5ou663.png)
![](https://i.imgur.com/cV6j3r1.png)
![](https://i.imgur.com/dIfFmL3.png)
![](https://i.imgur.com/tn8YhID.png)
> 助教：✅  審核通過


Vue 12 組 / Jack 、 leolee
![](https://i.imgur.com/yHFcw2q.png =600x)
![](https://i.imgur.com/GVZLxE3.png =300x)
![](https://i.imgur.com/zOIrnAg.png =600x)
![](https://i.imgur.com/y6on0BO.png =300x)
![](https://i.imgur.com/JRAL8oA.png =600x)
![](https://i.imgur.com/58LJocv.png =300x)
> 助教：✅  審核通過





Vue 13 組

無組別