Vue-router 鉤子函數(shù)

路由配置文件中的鉤子函數(shù)

beforeEnter

beforeEnter 有三個參數(shù):

to: 路由將要跳轉(zhuǎn)的路徑信息,信息是包含在對像里邊的。

from: 路徑跳轉(zhuǎn)前的路徑信息,也是一個對象的形式。

next: 路由的控制參數(shù),常用的有next(true)和next(false)。

在路由配置文件(/src/router/index.js)中寫鉤子函數(shù)

在控制臺查看打印內(nèi)容

寫在模板中的鉤子函數(shù)

beforeRouteEnter

在路由進(jìn)入前的鉤子函數(shù)

不!能!獲取組件實(shí)例 `this`

因?yàn)榻M件實(shí)例還沒被創(chuàng)建

beforeRouteUpdate

當(dāng)前路由改變,該組件被復(fù)用時

對于一個帶有動態(tài)參數(shù)的路徑 /foo/:id,在 /foo/1 和 /foo/2 之間跳轉(zhuǎn)的時候,由于會渲染同樣的 Foo 組件,因此組件實(shí)例會被復(fù)用。而這個鉤子就會在這個情況下被調(diào)用。

可以訪問組件實(shí)例 `this`

beforeRouteLeave

在路由離開前的鉤子函數(shù)

可以訪問組件實(shí)例 `this`

模板中寫鉤子函數(shù)

在控制臺查看打印內(nèi)容

進(jìn)入模板前

離開模板前

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容