Vue生命週期及業務場景使用

vue裏的生命週期是什麼？

vue實例從建立到銷燬的過程稱之爲vue的生命週期

vue的生命週期各階段都作了什麼？

beforeCreate 實例建立前：這個階段實例的data、methods是讀不到的
created 實例建立後：這個階段已經完成了數據觀測(data observer)，屬性和方法的運算， watch/event 事件回調。mount掛載階段還沒開始，$el 屬性目前不可見，數據並無在DOM元素上進行渲染
beforeMount：在掛載開始以前被調用：相關的 render 函數首次被調用。
mounted：el選項的DOM節點 被新建立的 vm.$el 替換，並掛載到實例上去以後調用今生命週期函數。此時實例的數據在DOM節點上進行渲染
beforeUpdate：數據更新時調用，但不進行DOM從新渲染，在數據更新時DOM沒渲染前能夠在這個生命函數裏進行狀態處理
updated：這個狀態下數據更新而且DOM從新渲染，當這個生命週期函數被調用時，組件 DOM 已經更新，因此你如今能夠執行依賴於 DOM 的操做。當實例每次進行數據更新時updated都會執行
beforeDestory：實例銷燬以前調用。
destroyed：Vue 實例銷燬後調用。調用後，Vue 實例指示的全部東西都會解綁定，全部的事件監聽器會被移除，全部的子實例也會被銷燬。

vue生命週期在真實場景下的業務應用

created：進行ajax請求異步數據的獲取、初始化數據
mounted：掛載元素內dom節點的獲取
nextTick：針對單一事件更新數據後當即操做dom
updated：任何數據的更新，若是要作統一的業務邏輯處理
watch：監聽具體數據變化，並作相應的處理