1. 程式人生 > 實用技巧 >路由動態傳參 hash/history 路由守衛

路由動態傳參 hash/history 路由守衛

路由動態傳參

在這裡插入圖片描述

在這裡插入圖片描述

如何拿到id呢

在這裡插入圖片描述
在這裡插入圖片描述

在這裡插入圖片描述

第二種傳參

在這裡插入圖片描述
在這裡插入圖片描述

或通過props

在這裡插入圖片描述
在這裡插入圖片描述

路由懶載入

在這裡插入圖片描述
在這裡插入圖片描述

hash模式

在這裡插入圖片描述

history模式

也就是吧mode改成mode:“history”

路由守衛

全域性路由守衛

beforeEach afterEach
前置路由守衛,需要加next()放行
在這裡插入圖片描述

單個路由守衛

beforeEnter
在這裡插入圖片描述

元件路由鉤子

beforeRouteEnter beforeRouteLeave
在這裡插入圖片描述
beforeRouteUpdata
在這裡插入圖片描述

在這裡插入圖片描述

在這裡插入圖片描述