---
# System prepended metadata

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

---

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

---
## 討論截圖 

![](https://i.imgur.com/4bOY3m8.png)

| 參與會議 | 組員      |  
| ---------- | --------- |
| ✔️         | 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 的卡片 將 {{神秘文字}} 四個字傳至 卡斯伯的卡片
- 請截圖，並說明如何運作（範例如下，下圖絕對是錯誤的）
![](https://i.imgur.com/SQXS3bl.png)

| 題號 | 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                                |
| ---  | ---                         | ---   | ---  | ---  | ---                              | ---  | ---  | ---                              | ---      | ---                              |