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

## 簽到區

| 組員 | 報到 |
| --------- | -------- |
|Curtis#4780|
|Hed#9414|
|hsiu#8767|
|hsufengs#2816|
|hua#9099|
|MengLin#3001|V
|YUN#4159|
|拓子#0577|
|豆豆#9088|

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

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

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

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
- 未分組成員亦可在閒聊頻道分享

---
- [ ] [第6組](https://hackmd.io/@christina6185/BJgC0Xr6s)
- [ ] [第16組](https://hackmd.io/npyksaAwTCKokAduBE1hFQ)
- [ ] [第4組](https://hackmd.io/@I17AuT_wSZGB1l1Dtaix-w/SJqXBoWKs/%2FxnhcQFjFSXyinZRJ3GoOHg)
- [ ] [第1組](https://hackmd.io/cDxSt6h2SjWGdgnqBQx-Zg)
- [ ] [第18組](https://hackmd.io/@VUE18/r1_2ixmto)
- [ ] [第3組](https://hackmd.io/bqdAM9OYSP-dopmolrhhCQ)
- [ ] [第5組](https://hackmd.io/BMPZV5QkST6SrOkITUcimg?view)