---
tags: Vue 作品實戰班 - 2022 冬季班 第 10 組
---

# 第 10 組的第四週討論

> 小組討論時間 : 2023/01/14 20:00

|組員名單| 報到 |
|------|-----|
|CofCat #9226|:heavy_check_mark:|
|薯餅 #3581|:heavy_check_mark:|
|Eileen #6454|:heavy_check_mark:|
|黑白兔 #0684|:heavy_check_mark:|
|Jiang V #9858|:heavy_check_mark:|
|kuku #3118|:heavy_check_mark:|
|圈圈 #4060|:heavy_check_mark:|
|威爾 #1694|:heavy_check_mark:|
|Yishan #4902|:heavy_check_mark:|
|Keep(k.wei) #4336|:heavy_check_mark:|

---

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

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

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

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

|題目| 答案 |
|------|-----|
|1.|card-a|
|2.|卡斯伯|
|3.|卡斯柏用 emit 觸發外層 getData |

### 挑戰二：團隊測驗

| 題目 | 答案 |
| -------- | -------- |
| 題目 01 | 3 |
| 題目 02 | 1 |
| 題目 03 | 3 |
| 題目 04 | 4 |
| 題目 05 | 2 |
| 題目 06 | 1 |
| 題目 07 | 4 |
| 題目 08 | app.component('card', { data() { return { text: '這是一段話' }},template: `<div>{{ text }}</div>`,}) |
| 題目 09 | <card :outer-text="text"></card> |
| 題目 10 | 2 |
| 題目 11 | 2 |
| 題目 12 | 3 |
| 題目 13 | @send="getData" |
| 題目 14 | 2 |
| 題目 15 | 1|

---

## 討論過程
### 工具：Discord 伺服器與討論串