---
# System prepended metadata

title: 第 10 組的第四週討論
tags: [Vue 作品實戰班 - 2022 冬季班 第 10 組]

---

---
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 伺服器與討論串



![](https://i.imgur.com/8IIfDAt.png)
![](https://i.imgur.com/7i329Bd.png)
