---
title: Week4 小組任務 - 第九組
tags: Vue 直播班 - 2022 冬季班
---

---
## 討論截圖


| 參與會議 | 組員 |
| ---------- | --------- |
| ✔️ | WeiJ |
| | RJRS |
| ✔️ | 橘子 |
| ✔️ | Hironaka |
| | shinyhung |
| ✔️ | DIO大人 |
| | avan |
| | Rita916 |
| | SASIMI |
| | Hazel. |

---

## 挑戰一：團隊成員一起搞定元件觀念

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

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

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

| 題號 | WeiJ | Hazel | avan | Sean | SASIMI | RJRS | Rita | Oscar | Hironaka | 橘子 |
| ---- | ------------ | ----- | ---- | ---- | ------------ | ---- | ---- | ----- | -------- | ---- |
| 1 | card-a | | | | card-a | | | | | |
| 2 | 卡斯伯的卡片 | | | | 卡斯伯的卡片 | | | | | |
| 3 | a | | | | a | | | | | |

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

## 挑戰二：團隊測驗

完成團隊測驗：https://bejewled-air-4cb.notion.site/0f01125cc7fa45aa99dd3d0c932f57b5

## 回報規則

- 每個人獨立分享一個工具，其它人在 thread 討論，或給予 emoji
- 未分組成員亦可在閒聊頻道分享

| 題號 | WeiJ | Hazel | avan | Sean | SASIMI | RJRS | Rita | Oscar | Hironaka | 橘子 |
| ---- | --------------------------- | ----- | ---- |:---- | -------------------------------- | ---- | ---- | -------------------------------- | -------- | -------------------------------- |
| 1 | 3 | | | | 3 | | | 3 | | 3 |
| 2 | 1 | | | | 1 | | | 1 | | 1 |
| 3 | 3 | | | | 3 | | | 3 | | 2（這個選項有疑問）3 |
| 4 | 4 | | | | 4 | | | 4 | | 4 |
| 5 | 2 | | | | 3 | | | 2 | | 2 |
| 6 | 1 | | | | 1 | | | 1 | | 1 |
| 7 | 4 | | | | 4 | | | 4 | | 4 |
| 8 | app.componemt('card', card) | | | | app.component('card',card); | | | app.component('card', card) | | app.componemt('card', card) |
| 9 | :outer-text=“text” | | | | <card :outer-text="text"></card> | | | <card :outer-text="text"></card> | | <card :outer-text="text"></card> |
| 10 | 2 | | | | 2 | | | 2 | | 2 |
| 11 | 2 | | | | 2 | | | 2 | | 2 |
| 12 | 3 | | | | 3(沒註冊) | | | 3 | | 3 |
| 13 | <card@send="getData"/> | | | | <card@send="getData"/> | | | <card @send="getData"></card> | | <card@send="getData"/> |
| 14 | 2 | | | | 2 | | | 2 | | 2 |
| 15 | 1 | | | | 1 | | | 1 | | 1 |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |