Day45 100 Vue的生命週期

vue生命週期貫穿vue的整體思想的理解~

灰常重要

1、每個 vue 應用都是通過用 vue 函式建立乙個新的vue 例項開始的：

var vm = new vue(

// 該物件被加入到乙個 vue 例項中

var vm = new vue()

詳細：

資料更新時呼叫，發生在虛擬 dom 打補丁之前。這裡適合在更新之前訪問現有的 dom，比如手動移除已新增的事件***。

該鉤子在伺服器端渲染期間不被呼叫，因為只有初次渲染會在服務端進行。

詳細：

由於資料更改導致的虛擬 dom 重新渲染和打補丁，在這之後會呼叫該鉤子。

當這個鉤子被呼叫時，元件 dom 已經更新，所以你現在可以執行依賴於 dom 的操作。然而在大多數情況下，你應該避免在此期間更改狀態。如果要相應狀態改變，通常最好使用計算屬性或 watcher 取而代之。

注意 updated不會保證所有的子元件也都一起被重繪。如果你希望等到整個檢視都重繪完畢，可以在 updated 裡使用 vm.$nexttick：

updated: function())

詳細：

被 keep-alive 快取的元件啟用時呼叫。

該鉤子在伺服器端渲染期間不被呼叫。

詳細：

被 keep-alive 快取的元件停用時呼叫。

該鉤子在伺服器端渲染期間不被呼叫。

詳細：

例項銷毀之前呼叫。在這一步，例項仍然完全可用。

該鉤子在伺服器端渲染期間不被呼叫。

詳細：

例項銷毀後呼叫。該鉤子被呼叫後，對應 vue 例項的所有指令都被解綁，所有的事件***被移除，所有的子例項也都被銷毀。

該鉤子在伺服器端渲染期間不被呼叫。

型別：(err: error, vm: component, info: string) => ?boolean

詳細：

當捕獲乙個來自子孫元件的錯誤時被呼叫。此鉤子會收到三個引數：錯誤物件、發生錯誤的元件例項以及乙個包含錯誤**資訊的字串。此鉤子可以返回 false 以阻止該錯誤繼續向上傳播。

你可以在此鉤子中修改元件的狀態。因此在捕獲錯誤時，在模板或渲染函式中有乙個條件判斷來繞過其它內容就很重要；不然該元件可能會進入乙個無限的渲染迴圈。

以上

VUE例項的生命週期與VUE元件的生命週期

具體的生命週期圖例參考官方文件。var newvue new vue beforecreate function created function beforemount function mounted function beforeupdate function updated function...

uniapp的生命週期及其和vue生命週期的對比

頁面載入過程 載入 顯示 載入完成 頁面隱藏 頁面解除安裝 onload 監聽頁面載入 onshow 監聽頁面顯示 onready 監聽頁面初次渲染完成 onhide 監聽頁面隱藏 onunload 監聽頁面解除安裝 vue頁面載入過程 created 例項被建立後執行 beforemount 例項...

uiviewcontroller的生命週期

uiviewcontroller是ios程式中的乙個重要組成部分，扮演者乙個大管家的身份，管理著程式中的眾多檢視 何時載入view，載入的原則是什麼，檢視何時消失等問題，文件中講的都很詳細。controller的view最好在需要顯示時再去載入，並且在系統發出記憶體警告時釋放不必要的view及相關的...