kurotanshi / 5xruby-vue-202303-ubike-quiz

這是一個使用 Vue.js 語法練習的作業練習 repo，主要是建立一個 YouBike 的表格，提供搜尋功能，可以快速搜尋到你想要的 YouBike 站點，並且可以透過點擊表格的欄位，來進行排序，讓使用者可以更方便地查找想要的 YouBike 站點。

5xRuby 202303 Vue 第一次作業

修改這份 YouBike 即時資訊表，並加上以下功能：

1. 站點名稱搜尋
2. 目前可用車輛 / 總停車格 的排序功能
3. 加入分頁功能，每頁 20 筆資料

欄位說明: https://data.taipei/dataset/detail?id=c6bc8aed-557d-41d5-bfb1-8da24f78f2fb

• sno：站點代號
• sna：場站名稱(中文)
• tot：場站總停車格
• sbi：場站目前車輛數量
• sarea：場站區域(中文)
• mday：資料更新時間、
• lat：緯度
• lng：經度
• ar：地(中文)
• sareaen：場站區域(英文)
• snaen：場站名稱(英文)
• aren：地址(英文)
• bemp：空位數量
• act：全站禁用狀態

修改路徑： /src/App.vue

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build