---
# System prepended metadata

title: "\U0001F3C5 Day 36"
tags: [Vue 直播班 - 2022 春季班]

---

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

# 🏅 Day 36
###### tags: `Vue 直播班 - 2022 春季班`

題目 (請將答案貼上 CodePen)
---
操作 [這個模板](https://codepen.io/rider159159/pen/gOmROZO)，執行以下要求 (只能操作 JS 的部分):

> 練習建置 routes
> - 參考課程教學，在 routes 中建立 pageOne 、 pageTwo 相關設定。
> - 讓使用者點擊 1 時，router-view 會顯示「第一頁」文字、使用者點擊 2 時，router-view 會顯示「第二頁」文字。
> - 提示: pageOne 、 pageTwo 需要個別以物件方式，設定在 routes 中。

routes 設置可參考: https://courses.hexschool.com/courses/vue-20212/lectures/35988928

回報流程
---
請同學依照下圖教學觀看解答、回報答案:

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

回報格式如下圖，請在「回報區」使用註解回報答案 (為了統計人數，請同學依序加上「報數」)

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

<!-- 解答
  const router = VueRouter.createRouter({
    history: VueRouter.createWebHashHistory(),
    routes: [
      {
        path: '/pageOne',
        component: pageOne
      },
      {
        path: '/pageTwo',
        component: pageTwo
      }
    ]
  })
-->

回報區
---
| 報數 | 組別-名字  | codepen / 其他回饋    | 
|:--------:| :--------: | :--------: | 
|1| Iris Huang | https://codepen.io/ythuang/pen/abVYajz |
|2| Larry | https://codepen.io/larrylinr5/pen/yLPKxEG?editors=1010 |
|3| Henry Wu |https://codepen.io/dkcmlaww-the-flexboxer/pen/ZEaxMqN
|4| 肉鬆 | https://codepen.io/klrkicog/pen/BamrOqY |
|5|Aaron Tu|https://codepen.io/aarontu/pen/oNoqPRY|
|6| Sheep | https://codepen.io/SheepNDW/pen/wvPmYwx | 
|7|有廖先生(Rain)|https://codepen.io/billpop741/pen/abVYRbN|
|8|kevinhes|https://codepen.io/kevinhes/pen/bGYvmwO?editors=1010|
|9|我是泇吟|https://codepen.io/kljuqbxs/pen/MWOVPeW|
|10|Wenfish|https://codepen.io/wenfisht/pen/ZEaxqeG|
|11|Gill|https://codepen.io/Gill-Chin/pen/qBVoJxX?editors=1011|
|12|威爾|https://codepen.io/WILL_Wu/pen/qBVoJwx|
|13|Yunei|https://codepen.io/Yunei/pen/yLPKQOg|
|14|Arista|https://codepen.io/arista-hsieh/pen/vYWRQew|
|15| Team01-Aya | https://codepen.io/NoNameNote/pen/vYWRVwV | 
|16|YC|https://codepen.io/YCLu/pen/podLqdO |
|17|陳暐中|https://codepen.io/wei-z/pen/XWzEowW?editors=1010|
|18| Karen Huang | https://codepen.io/Coding_Snorlax/pen/dyZmQLx |
|19| 黃士桓 | https://codepen.io/shr-huan-huang/pen/NWwYoNe |
|20|Calon|https://codepen.io/Calon0118/pen/yLPKwBa|
|21|Jhen|https://codepen.io/cheng-jhen/pen/jOazJMr |
|22|EmptyWu|https://codepen.io/emptywu/pen/KKyoERm |
|23|AKI|https://codepen.io/akichen27/pen/MWOVxLQ |
|24| andersonshen | https://codepen.io/luxyenni-the-bold/pen/BamrEzR |
|25| Jason Chen | https://codepen.io/jason60810/pen/XWzELoY |
|26| Otis |https://codepen.io/humming74/pen/podVzYj?editors=1010|
|27| shio |https://codepen.io/shioyen/pen/BamxaQa|
|28| sally | https://codepen.io/intelligence753/pen/gOXzOmV?editors=1010 |
|29|Rick Tzeng|https://codepen.io/rick917jp6/pen/zYPjYJa |
|30|tingyu|https://codepen.io/dgltu/pen/ExbLayM?editors=1011 |
|31|Charlotte Lee|https://codepen.io/charlotte-lee/pen/rNYvaKb |
|32|Pei Ying|https://codepen.io/Pei-Ying/pen/qBVYdzp|
|33|POPEYE|https://codepen.io/popeye_ux/pen/GROdWQr|
|36|CloThEs | https://codepen.io/bogwdnxx-the-sans/pen/XWzqaXx|
|37|AllenW | https://codepen.io/AllenW/pen/QWOrMdO?editors=1010|
|38|Terry21| https://codepen.io/feng0409/pen/mdqLxwg?editors=1010 |
|37|Himi|https://codepen.io/Himi/pen/oNodKBr|
|38|Jasper|https://codepen.io/li-jasper/pen/PoOabXB |
|39|Scottie|https://codepen.io/wow767t/pen/xxPzrqX|
|40|Tim Lin|https://codepen.io/TimmyLin/pen/RwjJZNX|
|41|Bruno Yu|https://codepen.io/bruno-yu/pen/qBVKKXZ|
|42|咖咖|https://codepen.io/gon790219/pen/ExbLaXz |
|43|kevinhes|https://codepen.io/kevinhes/pen/LYOBEOa?editors=1011|
|44|ZY Hsu|https://codepen.io/zihyin/pen/podZBQW?editors=1010|
|45|Wilson|https://codepen.io/wilsonccheng/pen/QWOBRVB?editors=1010|
|46|mei|https://codepen.io/Shila-Chen/pen/gOXQMQv|
|47|judy☻|https://codepen.io/hsiaohan/pen/wvPREzx?editors=1010|
|48|Bonnie|https://codepen.io/bonnieli1414/pen/bGYOzmE?editors=1010|
|49|紙飛機| https://codepen.io/paperplanea/pen/RwjzWjY?editors=1010 |
|50| Kelvin Hsu | https://codepen.io/kelvin001/pen/MWrWYaY |
| 51 | sihle | https://codepen.io/bugbug777/pen/JjMjbmV |
|52|Mylène| https://codepen.io/hamajibashi/pen/YzYNBdK |
|53|Howard|https://codepen.io/yawdnhbm/pen/rNpvLxQ|
|54|Gui|https://codepen.io/guitimliu/pen/rNpoPGo
|55|大衛|https://codepen.io/exnsrpjc/pen/rNpbyNN?editors=1010 |
|56|JD孟璁|https://codepen.io/oikdkmxq-the-looper/pen/MWQgoOJ |
