vue-router導(dǎo)航完整的解析流程

1.導(dǎo)航被觸發(fā);

2.在失活的組件里調(diào)用beforeRouteLeave守衛(wèi);

3.調(diào)用全局beforeEach守衛(wèi);

4.在復(fù)用組件里調(diào)用beforeRouteUpdate守衛(wèi);

5.調(diào)用路由配置里的beforeEnter守衛(wèi);

6.解析異步路由組件;

7.在被激活的組件里調(diào)用beforeRouteEnter守衛(wèi);

8.調(diào)用全局beforeResolve守衛(wèi);

9.導(dǎo)航被確認(rèn);

10..調(diào)用全局的afterEach鉤子;

11.DOM更新;

12.用創(chuàng)建好的實(shí)例調(diào)用beforeRouteEnter守衛(wèi)中傳給next的回調(diào)函數(shù)。


// 路由配置守衛(wèi)即配置在路由對(duì)象中

// 組件實(shí)力的導(dǎo)航守衛(wèi):beforeRouteLeave、beforeRouteEnter、beforeRouteUpdate

// 全局守衛(wèi):beforeEach、beforeResolve、afterEach

// 路由配置守衛(wèi):beforeEnter

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

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

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