官方圖片解釋 
Understanding Vue LifeCycle Hook
在 Vue Instance、 Component(組件/元件) 初始化之後，數據觀測（data observer）和 event/watcher 事件配置之前被調用。
Vue Instance、 Component(組件/元件)創建完成，資料 $data 已經可以取得，屬性已經綁定，但 DOM 還未生成，並且 $el 屬性還不存在。
在掛載開始之前被調用，相關的 render 函數首次被調用。
el 被新創建的 vm.$el 替換，並掛載到 instance 上去之後調用該 hook。
數據更新之前被調用，發生在虛擬 DOM 重新渲染之前，可以在這個 hook 中進一步改變狀態，並不會觸發附加的重新渲染過程，這時還不會描繪 View。
由於數據更改導致虛擬 DOM 重新渲染，這時 DOM 已經更新完成， View 被顯示在畫面上。
有設定 keep-alive 時，這個 hook 會被呼叫。
停用 keep-alive 時被呼叫。
Instance 被銷毀之前調用，在這一步中，該 instance 完全可以使用。
Vue Instance 銷毀後調用，調用後該 instance 的所有東西會解除綁定，也會同時解掉所有 event listener, 所有 child instance 也會清除。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。