---
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 的卡片 將 {{神秘文字}} 四個字傳至 卡斯伯的卡片
- 請截圖，並說明如何運作（範例如下，下圖絕對是錯誤的）

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

### 回報規則

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

---
## 回報區

回報範例：
無組別 / 卡斯伯

> 助教：❌ 答錯了

Vue 1 組 / 信銓、Fred Chang、Jordan_Tseng、Lina Chen、Yu Chien、Vic、鵬聖
好像畫得不是很好XD 答案有寫在下圖右邊div裡面
> 助教：✅ 審核通過

Vue 2 組

Vue 3 組 / 名單：Alysa Chan、Carrie、Jemma、Oober、SeanLiu 家興、WuJungHan、youting、小妤、田、Echo Hui、Cooley

> 助教：✅ 審核通過

Vue 4 組 / LiShang、alpha、caesar、Erica
> 助教：✅ 審核通過

Vue 5 組 / jason06286、Tori 、Iven 、moitw
> 助教：✅ 審核通過

Vue 6 組 / 艾瑞克, Iva, Harold
> 助教：✅ 審核通過

Vue 7 組

Vue 8 組 / Jessie Cheng, Yi Chieh, Yiren, TrsunyengYu
> 助教：✅ 審核通過

Vue 9 組 / Larry 、 peter.chen1024
> 助教：✅ 審核通過

Vue 10 組 / Pon Peng、陳sam、Dah、阿倫、SEC
> 助教：✅ 審核通過

Vue 11 組 / kaiaChun 、 MM 、 TofuTseng 、 圈圈
> 助教：✅ 審核通過

Vue 12 組 / Jack 、 leolee
> 助教：✅ 審核通過

Vue 13 組

無組別