---
# System prepended metadata

title: 第六週團隊任務
tags: [Vue 直播班 - 2022 冬季班]

---

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

# 第六週團隊任務

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

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

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

**常見問題：**

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

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

## 挑戰一：參考主流網站或學長姐作品，撰寫路由表

路由對於許多同學是相對比較陌生的，因此可以先從已經完成的網站著手，試著反推出該網站的路由表

製作範例：
- 尋找已經在線的網站，例如作品牆上的作品 https://works.hexschool.io/#/ ，或任何在運行中的商業網站
    - 範例作品：https://huan5678.github.io/chill-bar/#/
- 撰寫路由表，僅需要撰寫路徑及名稱，不需要搭配元件

```
const router = [
    {
        name: '首頁',
        path: '/'
    },
    {
        name: '產品列表',
        path: '/products',
    },
    {
        name: '產品內頁',
        path: '/products/:id'
    },
    {
        name: '預約訂位',
        path: '/booking'
    }
]

```

盡可能使用到的技巧
1. 動態路由
2. 巢狀路由


## 挑戰二

完成團隊挑戰：https://bejewled-air-4cb.notion.site/2f9d3306ae124bc19b54e8f4003b2c61

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

## 回報規則

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

---
- [x] [第6組](https://hackmd.io/@christina6185/BJgC0Xr6s)
- [x] [第16組](https://hackmd.io/npyksaAwTCKokAduBE1hFQ)
- [x] [第4組](https://hackmd.io/@I17AuT_wSZGB1l1Dtaix-w/SJqXBoWKs/%2FxnhcQFjFSXyinZRJ3GoOHg)
- [x] [第1組](https://hackmd.io/cDxSt6h2SjWGdgnqBQx-Zg) 
- [x] [第18組](https://hackmd.io/@VUE18/r1_2ixmto)
- [x] [第3組](https://hackmd.io/bqdAM9OYSP-dopmolrhhCQ)
- [x] [第5組](https://hackmd.io/BMPZV5QkST6SrOkITUcimg?view)
- [x] [第8組](https://hackmd.io/1lPMk2AoRFaicCo9AyCPsg?view)
- [x] [第7組](https://hackmd.io/@o7H89vJOTd-Ct8HQVd-V9w/SJ7iQWe9j)
- [x] [第11組](https://hackmd.io/@DorisLee/By2GeehTj)
- [x] [第10組](https://hackmd.io/cYOy6hK6TD-HVW7gbNN7BQ?view)
- [x] [第2組](https://hackmd.io/@vueTeam2/BkRcNMU6s)
- [x] [第12組](https://hackmd.io/IM2INg4UTeKZAnBm4BH-zg) - 無權限
- [x] [第19組](https://hackmd.io/bW8g8NjyTs6aQY8msY4rQQ)