Vue生命周期
Vue生命周期
Vue生命周期鉤子函數(shù)
created階段的ajax請(qǐng)求與mounted請(qǐng)求的區(qū)別:前者頁面視圖未出現(xiàn)绸狐,如果請(qǐng)求信息過多党窜,頁面會(huì)長時(shí)間處于白屏狀態(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)備銷毀
子組件銷毀
父組件銷毀
所以銷毀父組件時(shí)激捏,先將子組件銷毀后才會(huì)銷毀父組件
總結(jié):
加載渲染過程:
父beforeCreate > 父created > 父beforeMount > 子beforeCreate > 子created > 子beforeMount > 子mounted >父mounted
更新過程:
父beforeUpdate > 子beforeUpdate > 子updated > 父updated
銷毀過程:
父beforeDestroy > 子beforeDestroy > 子destroyed > 父destroyed