請詳細(xì)說下你對vue生命周期的理解？

總共分為8個階段創(chuàng)建前/后，載入前/后，更新前/后，銷毀前/后。

創(chuàng)建前/后： 在beforeCreate階段，vue實例的掛載元素el和數(shù)據(jù)對象data都為undefined，還未初始化。在created階段，vue實例的數(shù)據(jù)對象data有了，el和數(shù)據(jù)對象data都為undefined，還未初始化。

載入前/后：在beforeMount階段，vue實例的$el和data都初始化了，但還是掛載之前為虛擬的dom節(jié)點，data.message還未替換。在mounted階段，vue實例掛載完成，data.message成功渲染。

更新前/后：當(dāng)data變化時，會觸發(fā)beforeUpdate和updated方法

銷毀前/后：在執(zhí)行destroy方法后，對data的改變不會再觸發(fā)周期函數(shù)，說明此時vue實例已經(jīng)解除了事件監(jiān)聽以及和dom的綁定，但是dom結(jié)構(gòu)依然存在

?著作權(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ù)。

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