前端路由rooter 元件（API 使用）

路由api：

1、引入rooter  import vrrouter from 'vue-router'  

2、使用該元件 vue.use（vrrouter）    vue.user 的意義：會自動阻止多次註冊相同外掛程式，屆時只會註冊一次該外掛程式。

3、和後台開發一樣 new  vrrouter 的乙個物件出來 並賦予內部router 前端路由分配頁面的乙個屬性

4、註冊該外掛程式 在new vue({}) 中註冊該外掛程式  router 

tag 表示可以轉換成什麼樣的dom節點  可以是li,div 等等

預設是將其轉換為 但vue 中建議使用router-link  

注：獲取當前路徑api  this.$route.path

(後面繼續學習，文章將會在後面繼續迭代mark)

let router = new

vrrouter(,,]
}]});

學習前端 vue元件 命名路由

有時候我們在定義路由跳轉時，沒必要使用 path。我們可以在定義路由時，附加名稱，這樣我們在使用時，直接使用name 來定義跳轉路由。使用步驟 1 定義路由時要 新增路由名稱 name 屬性。例如 const router new vuerouter 2.使用name,to前加 表示屬性繫結，nam...

學習前端 vue元件 路由重定向

在這裡先附上 官方鏈結 在官方中沒有具體表述路由重定向的含義對於新人來說可能不太好理解。路由重定向指 使用者在訪問a位址時，強制頁面跳轉到b頁面，從而展示特定的元件頁面 通過路由規則 redirect 屬性 就可以指向乙個新的位址 可以很方便的設定路由重定向 const router new vue...

前端路由（三） 巢狀路由 注意路由跳轉和元件巢狀

父級路由 基本路由div home 主頁link li ul path home component div browserrouter 子路由配置 function home div 例項第一步 安裝依賴包 npm install react router dom d import react f...