vue生命週期的理解

2021-09-26 04:01:34 字數 950 閱讀 6422

vue有乙個完整的生命週期,是指從開始建立,初始化資料,編譯模板,掛載dom,渲染更新,銷毀一系列過程,我們稱這是vue的生命週期。通俗的講:vue的例項從建立到銷毀的過程就是vue的生命週期,同時在這個過程中也會執行一些叫做生命週期鉤子的函式,這給了使用者在不同階段新增自己**的機會

beforecreate建立之前 vue例項通過new vue建立出來之後,會初始化事件和生命週期,然後執行beforcreate鉤子函式,這個時候vue例項只是乙個空殼,一搬用來載入loading圖

created建立完成,經常用來請求資料,,結束loading圖的載入,為mounted的渲染做準備,此時掛載階段還沒開始,獲取不到$el屬性。

beforemount在掛載之前呼叫,例項已經被掛載上去,但是裡邊的變數語法還沒有被解析。該鉤子在伺服器端渲染期間不被呼叫。

mounted掛載完成,例項變數語法解析完成,通常用來資料請求,展示頁面

該鉤子在伺服器端渲染期間不被呼叫。

beforeupdate,更新前,資料更新時呼叫,資料變更,檢視並未變更。該鉤子在伺服器端渲染期間不被呼叫。

updated,更新後,資料更新時呼叫,資料變更,檢視變更。該鉤子在伺服器端渲染期間不被呼叫。

例項還存在,例項解除了事件監聽和dom繫結

beforedestroy銷毀前呼叫。該鉤子在伺服器端渲染期間不被呼叫。

destroyed銷毀後呼叫。該鉤子在伺服器端渲染期間不被呼叫。

在beferodestory生命鉤子呼叫之前,所有例項都可以用,但是當呼叫後,vue 例項指示的所有東西都會解繫結,所有的事件***會被移除,所有的子例項也會被銷毀。

vue生命週期理解

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

Vue 生命週期的理解

最近做了幾個vue的專案,寫寫對生命週期的理解,先看圖 這些圖是網路的,侵權必刪beforecreate 元件剛建立,資料和dom都未初始化,我們在beforecreate的時候千萬不要去修改data裡面賦值的資料,最早也要放在created裡面去做 新增一些行為此時的this,並不會指向例項物件 ...

vue生命週期的理解

vue例項化 建立的乙個vue的物件,裡面包含的鉤子函式有 data methods computed vue的loading載入不好用的時候 vue中動態渲染 時loading狀態加不上,原因是資料雖然已經出來了,但是檢視一直在重繪 解決方法 初始化的時候給loading賦予true,update...