vue生命週期 鉤子理解

2021-08-13 06:24:51 字數 683 閱讀 2703

在vue文件中,對生命週期部分有如下檢視:

建立vue例項

init events & lifecycle

開始初始化

beforecreate

元件剛被建立,組建屬性計算之前,如data屬性等

init injections & reactivity

通過依賴注入匯入依賴項

created

元件例項建立完成,屬性已繫結,此時dom還未生成

el屬性

檢查vue配置,即new vue{}裡面的el項是否存在,有就繼續檢查template項。沒有則等到手動繫結呼叫vm.$mount()

template

beforemount

模板編譯、掛載之前

create vm.$el and replace 「el」 with it

編譯,並替換了被繫結元素

mounted

編譯、掛載

before update

元件更新之前

updated

元件更新之後

destroy

當vm.$destroy()被呼叫,開始拆卸元件和***,生命週期終結

理解vue生命週期鉤子

先上一副官網的生命週期圖,稍微補充了點說明。在不同的生命週期函式中執行 const vm newvue data watch immediate true,computed 生命週期 beforecreate created beforemount mounted beforeupdate upda...

Vue生命週期鉤子的理解

元件從建立到銷毀的一系列過程叫做元件的宣告週期。vue在整個生命週期裡面提供了一些函式,可以在內部實現一些業務邏輯,並且這些函式會在一些特定的場合下去執行。在生命週期的某乙個時刻進行觸發 元件的生命週期鉤子函式大致可以分為三個階段 初始化 進行中 銷毀。1 初始化 beforecreate crea...

vue生命週期鉤子

el 表示dom元素,data 表示資料 deforecreated el和data並未初始化 created 完成了data資料的初始化,el沒有 beforemount 完成了el和data初始化 mounted 完成掛載 el和data都初始化完成,並且掛載在頁面上了 注意 以下勾子只能在 k...