vue生命週期詳細理解

2021-10-23 08:55:46 字數 631 閱讀 3038

資料觀測和初始化事件還未開始;

這個階段的時候data和method都是拿不到的(通常在例項以外呼叫);

完成資料觀測,屬性和方法的運算,初始化事件,$el屬性還沒有顯示出來;

這個可以呼叫例項的資料和例項的方法(帶非同步資料請求的方法可以放在這裡);

在el 被新建立的 vm.$el 替換,並掛載到例項上去之後呼叫。例項已完成以下的配置:用上面編譯好的html內容替換el屬性指向的dom物件。完成模板中的html渲染到html頁面中。此過程中進行ajax互動;

用於初始資料的dom渲染(需要操作dom的方法放這裡);

在資料更新之前呼叫,發生在虛擬dom重新渲染和打補丁之前。可以在該鉤子中進一步地更改狀態,不會觸發附加的重渲染過程;

在由於資料更改導致的虛擬dom重新渲染和打補丁之後呼叫。呼叫時,元件dom已經更新,所以可以執行依賴於dom的操作。然而在大多數情況下,應該避免在此期間更改狀態,因為這可能會導致更新無限迴圈。該鉤子在伺服器端渲染期間不被呼叫;

用於對資料更新做統一處理 (如果想分別區分不同的資料更新,同時進行dom操作就使用;

在例項銷毀之前呼叫。例項仍然完全可用;

在例項銷毀之後呼叫。呼叫後,所有的事件***會被移除,所有的子例項也會被銷毀。該鉤子在伺服器端渲染期間不被呼叫;

vue 生命週期 詳細理解

vue巢狀元件的生命週期 繼承元件的生命週期 extends 參考 vue例項的生命週期 推薦一篇乾貨部落格 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!注意 mounted 不會保證所有的子元件也都一起被掛載。如果你希望等到整個檢視都渲染完畢,可以在 m...

vue生命週期理解

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

vue的生命週期(詳細)

生命週期圖 可以理解vue生命週期就是指vue例項從建立到銷毀的過程,在vue中分為8個階段 建立前 後,載入前 後,更新前 後,銷毀前 後。1 beforecreate 這個階段例項已經初始化,只是資料觀察與事件機制尚未形成,不能獲取dom節點 沒有data,沒有el 使用場景 因為此時data和...