概念
生命週期是乙個元件從建立到銷毀的過程。
vue 生命週期有四個階段
建立->掛載->更新->銷毀
beforecreate
建立前:
例項以初始化,data和$el還沒有。
created
建立後:
data 初始化完成,但 $el 還沒有。
beforemount
掛載前:
$el 已生成,但dom 還沒有掛載,不能獲取dom
mounted
掛載後:
dom 以掛載,可以正常獲取dom,我們一般在這裡傳送ajax請求。
beforeupdate
更新前:
可以訪問現有的 dom,比如手動移除已新增的事件***。
updated
更新後:
可以執行依賴於 dom 的操作。然而在大多數情況下,你應該避免在此期間更改狀態。如果要相應狀態改變,通常最好使用計算屬性或 watcher 取而代之。
beforedestroy
銷毀前:
例項仍然可以用,vue 例項的所有指令還沒有被解綁,所有的事件***還可以用。。
destroyed
銷毀後:
對應 vue 例項的所有指令都被解綁,所有的事件***被移除,所有的子例項也都被銷毀。
errorcaptured
當捕獲乙個來自子孫元件的錯誤時被呼叫。
在使用keep-alive快取元件時,被快取的元件會新增兩個構子函式
activated
被 keep-alive 快取的元件啟用時呼叫。
deactivated
被 keep-alive 快取的元件停用時呼叫。
這時該元件的生命週期執行順序:
建立->掛載->更新->元件啟用->銷毀
vue生命週期
beforecreate 元件例項剛剛被建立,屬性都沒有 create 例項已經建立完成,屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...
vue生命週期
vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後,此時的資料...
Vue 生命週期
import vue from vue el root 沒有的話,使用render,繼續沒有,就把el的outerhtml編譯成模板 template temp data beforecreate created el是原來的el beforemount 渲染函式 render h this.tex...