---
tags: Vue 直播班 - 2022 冬季班
---

# 第四週小組任務
請透過線上會議或 Discord 討論，解答此問題集，

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張視訊或 Discord 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。

**提交條件：**
- 在 Discord 或任何交流形式的截圖
- 參與者皆需要發言
- 未參與團隊者，可在「交誼大廳」留言，亦可算通過

**常見問題：**

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

Q：如果沒有分組，可以一起玩嗎？
A：可以，可以在 **交誼大廳** 發起訊息（請將答案或回覆隱藏在討論串中），只要有任何同學給你一個 Emoji 或留言都算通關

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

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

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

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

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

---
## 回報區

回報範例：
無組別 / 卡斯伯
> 助教：❌ 答錯了