總共分為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成功渲染。
更新前/后:當data變化時诱鞠,會觸發(fā)beforeUpdate和updated方法
銷毀前/后:在執(zhí)行destroy方法后挎挖,對data的改變不會再觸發(fā)周期函數(shù)航夺,說明此時vue實例已經(jīng)解除了事件監(jiān)聽以及和dom的綁定肋乍,但是dom結(jié)構(gòu)依然存在