---
tags: vue 直播班 - 2022 冬季班
---
# 第三週團隊任務 - VUE 班 6 組
> 討論日期及時間 > 2023/01/07 20:00-22:00
>
**組員參與名單(10 / 10)：**
- [x] christina#6185
- [x] hungya#0773
- [x] yuyu#6310
- [x] Potatolee#7749
- [x] Tuhacrt#0008
- [x] 灰塵貓#7994
- [x] Wei#2330
- [x] Keith 宇凡#3890
- [x] 阿仁#0914
- [x] 阿鑫#4346

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

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

1. 請成員建立自己的 **Github 儲存庫**
2. 簽入一個 html 頁面，並上傳至 Github
3. 使該頁面以 gh-pages

### 參考連結：

- [課程教學 GitHub Pages](https://courses.hexschool.com/courses/vue-202121/lectures/43289915)
- [Github Pages - 免費網頁空間隨你開](https://youtu.be/njlABvVRB68?t=419)（7分處至 23分）
- [GitHub Pages - 建立靜態網站](https://w3c.hexschool.com/git/21756c99)

答：

| Name | GitHub Repo | GitHub Page |
| -------- | -------- | -------- |
| Potatolee#7749 | [連結](https://github.com/potatoleee/VueWeek3Group) | [連結](https://potatoleee.github.io/VueWeek3Group/) |
| christina#6185 | [連結](https://github.com/ChrisC0210/vue-team6-git) | [連結](https://chrisc0210.github.io/vue-team6-git/)|
| 阿鑫#4346 | [連結](https://github.com/Neil10241126/week-vue/tree/gh-pages) | [連結](https://github.com/Neil10241126/week-vue/tree/gh-pages) |
| 灰塵貓#7994 | [連結](https://github.com/qoo584769/vue-team6) | [連結](https://qoo584769.github.io/vue-team6/) |
| hungya#0773 | [連結](https://github.com/hungya777/vue-hexschool2022-envCreate) | [連結](https://hungya777.github.io/vue-hexschool2022-envCreate/) |
| Keith 宇凡#3890 | [連結]( https://github.com/yufantseng/sample-gh-pages) | [連結](https://yufantseng.github.io/sample-gh-pages/) |
| yuyu#6310 | [連結](https://github.com/yuyu0905/w3-vue-team/tree/gh-pages) | [連結](https://yuyu0905.github.io/w3-vue-team/) |
| Tuhacrt#0008 | -------- | -------- |
| Wei#2330 | [連結](https://github.com/WeiC0907/vue-team-gh-pages.git) | [連結](https://weic0907.github.io/vue-team-gh-pages/) |
| 阿仁#0914 | -------- | -------- |
| 阿鑫#4346 | -------- | -------- |

> git push -u origin master
> -u是update的意思，用了參數-u之後，未來就能直接使用不帶參數的git pull從以前push過的分支來pull。
> [參考連結](https://ithelp.ithome.com.tw/articles/10199000
)

## 挑戰二：團隊測驗

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

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

答：

| 題目 | 答案 | 正解及備註 |
| -------- | -------- | -------- |
| 題目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 | 2 | -------- |
| 題目13 | 3. prevent | -------- |
| 題目14 | 2. : 是 v-bind 的縮寫 | -------- |
| 題目15 | 2. { const a = 1 } | -------- |

## 討論紀錄
#### 第四題

不要波動拳。用 return跟 .then串接使用 

promise(1)
  retnrn promise(1)
}).then(res => {
   console.log(res);
})

#### 第五題

#### 第八題


#### 第十一題

---

> 謝謝今天有參與的同學們 :100:
>
<iframe src="https://giphy.com/embed/OPDZ3McVe85Rki2uDJ" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/nba-OPDZ3McVe85Rki2uDJ"></a></p>