Skip to content

建立 2026-09-15 更新 2026-09-15

生態系

核心語法夠做小工具。要做成多頁應用,官方生態系裡最常加的兩塊是:

  • Vue Router:依網址顯示不同頁面,不必整頁重載。
  • Pinia:跨很多元件共享狀態(登入使用者、購物車)。

建專案時 create-vue 可以直接勾這兩項。文件:RoutingState 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 RouterPinia