Vue.js路由：route/router，重定向/別名，導航守衛，路由元信息等

route 和 router

$route => route object路由信息對象

表示當前激活的路由的狀態信息，包含了當前 URL 解析得到的信息，還有 URL 匹配到的 route records（路由記錄）

$router 路由實例

https://router.vuejs.org/zh-cn/api/router-instance.html#methods

重定向和別名：

重定向 redirect

別名 alias

/a的別名是/b，意味著，當用戶訪問/b時，URL 會保持為/b，但是路由匹配則為/a，就像用戶訪問/a一樣

想要導航到不同的 URL，則使用router.push方法。這個方法會向 history 棧添加一個新的記錄，所以，當用戶點擊瀏覽器後退按鈕時，則回到之前的 URL

query ：/user?plan=private

params ：/user/123

如果提供了path，params會被忽略

跟router.push很像，唯一的不同就是，它不會向 history 添加新記錄，而是跟它的方法名一樣 —— 替換掉當前的 history 記錄

導航守衛

路由跳轉前做一些驗證，比如登錄驗證，是網站中的普遍需

路由元信息 meta

就是通過 meta 對象中的一些屬性來判斷當前路由是否需要進一步處理，如果需要處理，就按照自己想要的效果進行處理

錯誤路由處理

轉發請申明：該文章轉載來自於【公眾號：fuxiaodexing】

教你一個前端開發工程師如何完整開發一個具有後台服務和資料庫的小程序，教程已在github上，屬於個人開發項目。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！