Vue生命周期及組件生命周期

Vue生命周期
Vue生命周期

Vue生命周期鉤子函數(shù)

created階段的ajax請求與mounted請求的區(qū)別：前者頁面視圖未出現(xiàn)，如果請求信息過多，頁面會長時間處于白屏狀態(tài)

創(chuàng)建組件：
創(chuàng)建組件過程

創(chuàng)建父組件
創(chuàng)建子組件
渲染子組件
渲染父組件

也就是創(chuàng)建是由外到內(nèi)，渲染是由內(nèi)到外

更新組件：
更新組件過程

父組件觸發(fā)更新
子組件觸發(fā)更新
子組件更新
父組件更新

同樣是觸發(fā)更新是由外到內(nèi)，更新是由內(nèi)到外

銷毀組件
銷毀組件

父組件準(zhǔn)備銷毀
子組件準(zhǔn)備銷毀
子組件銷毀
父組件銷毀
所以銷毀父組件時，先將子組件銷毀后才會銷毀父組件

總結(jié)：
加載渲染過程：
父beforeCreate > 父created > 父beforeMount > 子beforeCreate > 子created > 子beforeMount > 子mounted >父mounted
更新過程：
父beforeUpdate > 子beforeUpdate > 子updated > 父updated
銷毀過程：
父beforeDestroy > 子beforeDestroy > 子destroyed > 父destroyed

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

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

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