答:總共分爲8個階段創建前/後,載入前/後,更新前/後,銷燬前/後。
創建前/後: 在beforeCreated階段,vue實例的掛載元素$el
和**數據對象**data都爲undefined,還未初始化。在created階段,vue實例的數據對象data有了,$el
還沒有。
載入前/後:在beforeMount階段,vue實例的$el和data
都初始化了,但還是掛載之前爲虛擬的dom節點,data.message還未替換。在mounted階段,vue實例掛載完成,data.message成功渲染。
更新前/後:當data變化時,會觸發beforeUpdate和updated方法。
銷燬前/後:在執行destroy方法後,對data的改變不會再觸發周期函數,說明此時vue實例已經解除了事件監聽
以及和dom的綁定
,但是dom結構
依然存在
轉自:http://www.bslxx.com/p/3187.html
Vue2.0 探索之路——生命週期和鉤子函數的一些理解:https://segmentfault.com/a/1190000008010666