---
# System prepended metadata

title: Week4
tags: [小組任務, Vue 直播班 - 2022 春季班]

---

###### tags: `Vue 直播班 - 2022 春季班`, `小組任務`

# Week4

## 第四週小組任務
使用 ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

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

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

**常見問題：**

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

Q：如果沒有分組，可以一起玩嗎？
A：可以

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

## 問題

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

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

- Ｑ1： 全域註冊的卡片中，有哪幾個是有運用的（card-a, card-b）

- Ｑ2：題目上，卡斯伯的卡片、Ray 的卡片，其中何者的 magicData 在初始狀態，就能接收到 "神秘文字" 這四個字

- Ｑ3：畫面上的 卡斯伯的卡片, Ray 的卡片，其中有一個按鈕可完整傳遞資料至另一個，請問是在本範例中是： 
    a. 卡斯伯的卡片 將 {{神秘文字}} 四個字傳至 Ray 的卡片
    b. Ray 的卡片 將 {{神秘文字}} 四個字傳至 卡斯伯的卡片
    
- Ｑ4：請截圖，並說明如何運作（範例如下，下圖絕對是錯誤的）
![](https://i.imgur.com/SQXS3bl.png)


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

### 回報規則

- 每個人獨立分享一個工具，其它人在 thread 討論，或給予 emoji
- 對於卡住的同學給予回覆，協助佈署成功亦算完成本次挑戰
- 未分組成員亦可在閒聊頻道分享

---

### :boy: 組員簽到區 :girl:

:::info
**會議時間：每週一 晚上8-10點(?)**
* 組員簽到：
 
    | Discord 姓名 |  Google  |簽到 |
    |:-----------:|:----:|:----:|
    | 肉魚 | ROU YU CHEN | ✔ |
    | Tim Lin | Tim Lin | v |
    | Wenfish | YuriT  | v |
    | TimmyHuang |TimmyHuang | v |
    | Liu |劉峰綺| v |
    | Joy Cheng | Joy |  |
    | Clara Cai | Clara Cai | v |
:::

### :two_men_holding_hands: 會議討論截圖 :two_women_holding_hands:

<br>

![](https://i.imgur.com/OlqsDfH.jpg)



### 🎄組員回報區🎄


> 回報範例：
> 
> **0. 麥奇:** 希望大家都可以一起完成Vue的最終作品！[東京卍復仇者](https://www.netflix.com/tw/title/81442520)。
> 
---
來自華麗的第八組
這是一連串的神秘問題的解答：

- Ｑ1： 全域註冊的卡片中，有哪幾個是有運用的（card-a, card-b）

>A： card-a

- Ｑ2：題目上，卡斯伯的卡片、Ray 的卡片，其中何者的 magicData 在初始狀態，就能接收到 "神秘文字" 這四個字

>A：卡斯伯的卡片

- Ｑ3：畫面上的 卡斯伯的卡片、Ray 的卡片，其中有一個按鈕可完整傳遞資料至另一個，請問是在本範例中是： 
    a. 卡斯伯的卡片 將 {{神秘文字}} 四個字傳至 Ray 的卡片
    b. Ray 的卡片 將 {{神秘文字}} 四個字傳至 卡斯伯的卡片
>A：a. 
    
- Ｑ4：請截圖，並說明如何運作
>A：
>![](https://i.imgur.com/NUYAYiM.png)



