生態系
核心語法夠做小工具。要做成多頁應用,官方生態系裡最常加的兩塊是:
- Vue Router:依網址顯示不同頁面,不必整頁重載。
- Pinia:跨很多元件共享狀態(登入使用者、購物車)。
建專案時 create-vue 可以直接勾這兩項。文件:Routing、State Management。
還有 Vite(建置,見 建立專案)、Vitest(測試)、Vue DevTools(瀏覽器擴充)。本站先把 Router 與 Pinia 講清楚。
不要一開始就裝全家桶
UI 庫(Element Plus、Vuetify、Naive UI)與 Nuxt(SSR/檔案路由)都很常用,但會蓋住 Vue 本身在做什麼。先能自己用 Router 切兩頁、用 Pinia 存一份清單,再引入庫。
推薦影音
State, Routing, and the Future of Vue
來源:MonteTalks 訪問 Pinia/Vue Router 作者 Eduardo San Martin Morote
作者談為什麼官方路由與狀態庫長成現在這樣。適合核心語法熟了、開始組正式應用時聽;操作逐步教學見 Vue Router 與 Pinia。