深入理解Vue元件生命週期

2022-09-16 12:18:11 字數 736 閱讀 6904

對上圖的理解(個人理解,如有錯誤,歡迎批評指出)  建立、掛載、更新、

beforecreate:元件初始化,但資料原生觀測、自定義觀測(event\watcher)沒生成之前。未完全建立階段

created:元件建立後,但還未掛載完全建立階段

beforemount:元件渲染後,掛載前。渲染後待掛載

mounted: 元件掛載到頁面    可用vm.$el訪問掛載ok

beforeupdate: 虛擬 dom 重新渲染和打補丁之前再次渲染前

updated : 元件 dom 已經更新再次渲染後

activated: keep-alive 元件啟用時呼叫。當前元件被啟用:顯示

deactivated: keep-alive 元件停用時呼叫。當前元件隱藏

beforedestroy: 例項銷毀之前呼叫。例項仍然完全可用。銷毀前

destroy:   vue 例項銷毀後呼叫

補充:1.掛載階段,先渲染元件,然後掛載元件。

vue元件生命週期

beforecreate建立前 created建立後 beforemountvue裝載dom之前 mountedvue裝載dom之後 beforeupdate資料改變出發,改變前 updated資料改變出發改變後 beforedestory元件銷毀前 destoryed元件銷毀後 beforeact...

vue生命週期理解

關於vue面試,最常問到的就是vue的生命週期,也看過很多關於如何回答過這個問題的解答,自己也有所總結,就簡單寫寫自己的看法。首先我們先來到vue的官網看看他是如何解釋的vue官網對生命週期描述 主要就是體現在這個圖上 可以看出生命週期中有8個主要的鉤子函式,分別是 activated與deacti...

深入FLEX元件生命週期

生命週期 lifecycle 簡述 呼叫元件建構函式。建構函式沒有返回型別,沒有引數,使用super 呼叫父類的構造器 使用set,get 設定元件屬性,常在set 方法內監控乙個布林變數來實現失效機制 呼叫addchild 方法將元件新增到父元件顯示列表中,flex 將自動呼叫createchil...