vue筆記 vue生命週期

2022-07-09 11:30:14 字數 572 閱讀 5511

vue的生命週期主要有八個,分別為

beforecreate、created、beforemount、mounted、beforeupdate、updated、beforedestory、destoryed。

befroecreate階段:此時變數和方法均為初始化載入出來,在這個階段呼叫任何變數和方法都只是undefined

created階段:此時變數和方法已完成初始化,可以正常訪問變數和方法

beforemounted階段:render函式被呼叫,生成虛擬dom,但此時el尚未掛載

mounted階段:el已經掛載,可以正常進行dom操作

beforeupdated階段:資料的狀態發生改變(資料更新),但尚未將變化後的資料渲染到頁面的階段,

此階段可以監聽到資料data的變化,同時也是修改data的最後機會,可以在這個階段對修改後的data進行二次修改。

updated階段:資料狀態已經發生改變並渲染到頁面上

beforedestory階段:vue例項尚未被銷毀,此階段vue例項的變數和方法可以正常呼叫

destoryed階段:此階段vue的例項被銷毀,變數和方法無法呼叫

vue生命週期筆記

1 建立vue例項,new vue 2 在建立例項的過程中,呼叫鉤子beforecreate 在執行這個函式時,dom還沒有掛載,屬性行為都沒有繫結 之後,init injecions and reactivity,註冊屬性和事件 3 然後呼叫create 此時屬性和事件已被註冊 之後,看有沒有el...

vue生命週期

beforecreate 元件例項剛剛被建立,屬性都沒有 create 例項已經建立完成,屬性已經繫結 beforemount 模板編譯之前 mounted 模板編譯之後 beforeupdate 元件更新之前 updated 元件更新完畢 beforedestroy 元件銷毀之前 destroye...

vue生命週期

vue把整個生命週期劃分為建立 掛載 更新 銷毀等階段,每個階段都會給一些 鉤子 讓我們來做一些我們想實現的動作。學習例項的生命週期,能幫助我們理解vue例項的運作機制,更好地合理利用各個鉤子來完成我們的業務 我們分別來看看這幾個階段 1.beforecreate 此階段為例項初始化之後,此時的資料...