vue-router路由鉤子生命周期:
導(dǎo)航行為被觸發(fā)麦向,此時(shí)導(dǎo)航未被確認(rèn)。
在失活的組件里調(diào)用離開(kāi)守衛(wèi) beforeRouteLeave苍蔬。
調(diào)用全局的 beforeEach 守衛(wèi)麦牺。
在重用的組件里調(diào)用 beforeRouteUpdate 守衛(wèi) (2.2+)。
在路由配置里調(diào)用 beforeEnter昂拂。
解析異步路由組件(如果有)受神。
在被激活的組件里調(diào)用 beforeRouteEnter。
調(diào)用全局的 beforeResolve 守衛(wèi) (2.5+)格侯,標(biāo)示解析階段完成鼻听。
導(dǎo)航被確認(rèn)财著。
調(diào)用全局的 afterEach 鉤子。
非重用組件撑碴,開(kāi)始組件實(shí)例的生命周期
beforeCreate&created
beforeMount&mounted
觸發(fā) DOM 更新撑教。
用創(chuàng)建好的實(shí)例調(diào)用 beforeRouteEnter 守衛(wèi)中傳給 next 的回調(diào)函數(shù)。
導(dǎo)航完成
組件渲染執(zhí)行初始化生命周期函數(shù)執(zhí)行順序:
在router中設(shè)置需要緩存的組件
<keep-alive>包裹需要緩存組件
頁(yè)面第一次進(jìn)入灰羽,鉤子的觸發(fā)順序created-> mounted-> activated驮履,退出時(shí)觸發(fā)deactivated。當(dāng)再次進(jìn)入(前進(jìn)或者后退)時(shí)廉嚼,只觸發(fā)activated