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

# 第 10 組的第三週討論

> 小組討論時間 : 2023/01/08 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:|

---

## 挑戰一：團隊成員一起搞定 GitHub Pages

課程最終目標是完成獨立的電商作品，而此作品也會上傳到 Github Pages 作為展示空間（同學亦可上傳到自己的網路空間），因此建議同學可以提前掌握 Github Pages 運用技能。

1. 請成員建立自己的 **Github 儲存庫**
2. 簽入一個 html 頁面，並上傳至 Github
3. 使該頁面以 gh-pages 的形式開啟（每個成員都需要自己的 gh-pages 才算成功）

|組員名單| GitHub Repo | GitHub Page|
|------|-----|-----|
|CofCat #9226|[Repo](https://github.com/CofCat456/vue-2022-winter-class/tree/master/team_week_2)|[Page](https://cofcat456.github.io/vue-2022-winter-class/team_week_2/)|
|薯餅 #3581|[Repo](https://github.com/ColdingPoTaTo/hex-vue2022-vite0108) | [Page](https://coldingpotato.github.io/hex-vue2022-vite0108)|
|黑白兔 #0684|[Repo](https://github.com/JonathanHsu0817/vite-test)|[Page](https://jonathanhsu0817.github.io/vite-test/)|
|Jiang V #9858|[Repo](https://github.com/viccjiang/vite_project)|[Page](https://viccjiang.github.io/vite_project/)|
|kuku #3118|[Repo](https://github.com/MengtingKu/viteTest)|[Page](https://mengtingku.github.io/vueTest/)|
|圈圈 #4060|[Repo](https://github.com/panduola666/hello-vite)|[Page](https://panduola666.github.io/hello-vite/)|
|威爾 #1694|[Repo](https://github.com/letcla0624/viteTest)|[Page](https://letcla0624.github.io/vite-test/)|
|Yishan #4902|||
|Keep(k.wei) #4336|||

感謝威爾錄製 [Vite 安裝影片](https://www.youtube.com/watch?v=4BF0QBPOYsI&themeRefresh=1) !

### 挑戰二：團隊測驗

| 題目 | 答案 |
| -------- | -------- |
| 題目 01 | 1. 正確 |
| 題目 02 | 2. 不對 |
| 題目 03 | 1. 正確 |
| 題目 04 | 2. 不正確 |
| 題目 05 | vm.response=res |
| 題目 06 | this.response=res |
| 題目 07 | {{ message }} |
| 題目 08 | 1. style 會被加入 display: none |
| 題目 09 | 2. 2 |
| 題目 10 | 3. 這樣寫還是可以運作 |
| 題目 11 | 1. [{ value: 1}, { value: 2 }, { value: 3 }] |
| 題目 12 | 4. 以上描述均正確 |
| 題目 13 | 3. prevent |
| 題目 14 | 2. : 是 v-bind 的縮寫 |
| 題目 15 | 2. { const a = 1 }|

---

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