點燈坊

學而時習之,不亦悅乎

Tag : Vue Router

Vue Router 之 Props

雖然我們可以使用 this.$route 去存取目前 Route,但開發 Component 時,你無法確認 User 是否使用 Vue Router,畢竟 Vue Router 是選配,也無法確認會用什麼 Params 或 Query String,比較好的方式還是回歸 Component 正統設計方式:使用 Props。

Vue Router 之 Alias

使用 Rediret 會造成 Browser 的網址改變,但有時候我們不希望網址改變,此時就要使用 Alias。

Vue Router 之 Named Routes

實務上我們不希望 <router-link/> 直接綁定到 Route,這樣將來 Route 改變時,會所有 <router-link/> 都要改,而希望綁定到 Name,這樣將來 Route 改變時,只要統一修改 route.js 即可,而不用每個 HTML Template 都修改。

Vue Router 基礎概念

Vue 雖然由 Component 所構成,為了模擬出不同頁面有不同網址,Vue 官方也提供了 Vue Router,這是前端自己的 Route,有別於後端的 Route。