請詳細說下你對vue生命週期的理解?

答:總共分爲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

發佈了179 篇原創文章 · 獲贊 82 · 訪問量 55萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章