---
# System prepended metadata

title: 第三週團隊任務 - VUE 班 6 組
tags: [vue 直播班 - 2022 冬季班]

---

---
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);
})
```

#### 第五題
![](https://i.imgur.com/qyf8Lax.png)


#### 第八題

![](https://i.imgur.com/wfBg9sH.png)

#### 第十一題
![](https://i.imgur.com/nyB7auj.png)




---


> 謝謝今天有參與的同學們 :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>
