- 創(chuàng)建前/后
在beforeCreate階段， Vue 實例掛載元素$el和數(shù)據(jù)對象$data都為undefined假丧，還沒初始化双揪；在created階段，Vue 實例的數(shù)據(jù)對象$data有了包帚，但$el還沒有盟榴。 - 載入前/后
在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)依然存在矾策。
生命周期（常用）
created 和 mounted 相關(guān)
-
beforeCreate：$el和$data并未初始化； -
created：完成了$data初始化峭沦，$el沒有贾虽； -
beforeMount：完成了$el和$data的初始化； -
mounted：完成了掛載吼鱼。
updated 相關(guān)
$data 里的值被修改后蓬豁，將會觸發(fā) updated 的操作。
Vue 生命周期的作用是什么菇肃？
Vue 生命周期中有許多個鉤子地粪，更好地控制整 Vue 實例的過程，形成好的邏輯琐谤。
btw DOM 渲染在 mounted 中就已經(jīng)完成了蟆技。
