---
tags: Vue 直播班 - 2022 冬季班
---

# 第四週團隊任務

請透過線上會議或 Discord 討論，解答此問題集。

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

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

**常見問題：**

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

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

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

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

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

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

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

## 挑戰二：團隊測驗

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

填寫表單：https://docs.google.com/spreadsheets/d/1nJKppCMCfGraYtiM74sf0L6uhw6EOXT3ye3x_02RKaU/edit?usp=sharing

## 回報規則

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

---

- [x] [第6組](https://hackmd.io/@christina6185/SJHY4A1oj)
- [x] [第16組](https://hackmd.io/dZgRnwVjQU6aGtjAifMJTg)
- [x] [第7組](https://hackmd.io/@o7H89vJOTd-Ct8HQVd-V9w/BJw_7We9j)
- [x] [第3組](https://hackmd.io/4OlbRwxSSW-gkYsWHF0vhg)
- [x] [第20組](https://hackmd.io/j5idJniCRVOtn8K-0c4L3w?view)
- [x] [第19組](https://hackmd.io/CPPvZTyaTTOcZUdAIsktKA?view)
- [x] [第1組](https://hackmd.io/dXrMLStJTsiBDZagdlLYwQ?both)
- [x] [第22組](https://hackmd.io/rqqqIv6JS_qAiXD5pKp1sA?view)
- [x] [第12組](https://hackmd.io/MYh-0yJiSkmGKgGxZBbxvA?both)
- [x] [第15組](https://hackmd.io/@tObAAZ3QRC-t3cGb4jsGcw/HkVfyxXFj/https%3A%2F%2Fhackmd.io%2FJYExIqFST3CprSE6RaNEng%3Fview)
- [x] [第4組](https://hackmd.io/@I17AuT_wSZGB1l1Dtaix-w/SJqXBoWKs/%2FJkDDn8H4Spurs6a_ZoJlrg)
- [x] [第18組](https://hackmd.io/@VUE18/ByyioxXKj)
- [x] [第11組](https://hackmd.io/@DorisLee/r1dYoAkoj)（ 頁面錯誤 403 無權限 ）--已重新設定權限
- [x] [第17組](https://hackmd.io/E3rJ4c5-QV-YTsVYthVkag?view)
- [x] [第2組](https://hackmd.io/@vueTeam2/Hy6GaJchi)
- [x] [第5組](https://hackmd.io/RcWF_QsaQpqz9x6efjJoAw?view)
- [x] [第8組](https://hackmd.io/Zxxli2cxR3eyMGyC9sRURw?view)
- [x] [第9組](https://hackmd.io/CvrSt0hyS5CugJLgCnaQjg?both)
- [x] [第10組](https://hackmd.io/HHnyCBVKQaujIGl-Dv_WlQ)