每個 vue 例項在被建立時都要經過一系列的初始化過程。如需要設定資料監聽、編譯模板、將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式，這給了使用者在不同階段新增自己的**的機會。
乙個 vue 例項
我們建立乙個 vue 例項，並在每個階段驗證 vue 的生命週期函式。vue 例項的生命週期函式並不放置在 methods裡，而是單獨放置在 vue 的例項之中。html>
vue例項生命週期函式
//生命週期函式就是vue例項在某乙個時間點會自動執行的函式}
", data: , // vue初始化
beforecreate: function(), created: function(), //頁面渲染之前 掛載之前的時間點
beforemount: function(), // 掛載到頁面之後
mounted: function(), //當資料發生改變的時候 執行
beforeupdate: function(), updated: function(), // vm.$destroy()被called的時候觸發
beforedestroy: function(), destroyed: function(){ console.log('destroyed')
生命週期函式
生命週期函式就是vue例項在某乙個時間點會自動執行的函式vue 初始化：beforecreate 、created
頁面渲染之前：beforemount
掛載到頁面之後：mounted
生命週期圖
下圖展示了 vue 例項的宣告週期，結合上一節的示例，可以更好的理解 vue 的這八個宣告週期鉤子。
其他除此之外 vue 還擁有 activated、deactivated 、errorcaptured 這三個生命週期鉤子。
activated
當頁面重新顯示的時候，執行。搭配 keep-alive、localstrage 和臨時變數做頁面效能優化。
deactivated
當頁面即將被隱藏或替換成其他頁面時，執行。可以用來解綁在 activated 上繫結的全域性事件。
React 生命週期 生命週期方法
生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中，完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法，接受...
生命週期篇 一 Activity生命週期理解
乙個activity 通俗點就叫乙個介面吧 在實際使用中會有幾種狀態 1.正在顯示 處於當前螢幕最頂層 2.尚且可見，但不可用 在其他介面下面，但未被完全覆蓋 3.完全不可見 被其他介面完全覆蓋，最常見的就是切換到桌面 以上是實際使用android手機的時候最直觀的介面狀態，那麼接下來我們來 一下，...
vue生命週期和react生命週期對比。
生命週期 指的是元件從初始化開始到結束的過程 或者是生命週期是描述元件從開始到結束的過程，每個元件都具有生命週期，都對元件通過生命週期給予的鉤子函式進行管理。鉤子函式指的是系統某些狀態和引數發生改變的時候，系統立馬去通知對應處理的函式叫做所有的生命週期鉤子自動繫結vue的 this 上下文到例項中，...