vue router路由 原理

1. 什麼是路由

路由,其實就是指向的意思,當我點擊頁面上的Home按鈕時,頁面中就要顯示Home的內容,如果點擊頁面上的shop按鈕,頁面中就要顯示shop的內容。Home按鈕  => home 內容, shop按鈕 => shop內容,也可以說是一種映射. 所以在頁面上有兩個部分,一個是點擊部分,一個是點擊之後,顯示內容的部分。 

2. 路由中有三個基本的概念 route, routes, router

(1), route,它是一條路由,由這個英文單詞也可以看出來,它是單數, Home按鈕  => home內容, 這是一條route,  shop按鈕 => shop內容, 這是另一條路由。

(2), routes 是一組路由,把上面的每一條路由組合起來,形成一個數組。[{home 按鈕 =>home內容 }, { about按鈕 => about 內容}]

(3), router 是一個機制,相當於一個管理者,它來管理路由。因爲routes 只是定義了一組路由,它放在哪裏是靜止的,當真正來了請求,怎麼辦? 就是當用戶點擊home 按鈕的時候,怎麼辦?這時router 就起作用了,它到routes 中去查找,去找到對應的 home 內容,所以頁面中就顯示了 home 內容。

3.有哪些路由呢?

常用的路由:簡單路由,嵌套路由

其他路由:動態路由匹配,編程式路由(方法push),命名路由,重定向、別名,路由傳參,路由守衛等。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章