Vue之生命週期

2021-09-24 11:23:55 字數 826 閱讀 7661

vue裡的概念—生命週期,是指乙個vue元件從開始到消亡經歷的各種狀態,具體點來說就是元件從建立,到元件掛載到頁面上執行,再到頁面關閉元件被解除安裝經歷的各種狀態。

在每個階段,vue會自動呼叫相應的生命週期的鉤子函式,所以當我們在某個鉤子函式中掛載我們的自定義函式時,就會在相應的生命週期自動呼叫

vue例項還沒初始化,vue例項掛載的元素和data資料都還沒初始化

資料監測和事件都還沒被呼叫,這時還不能獲取data裡的資料,method裡的方法

created() 是常用的鉤子函式,data已經被初始化

這時data和methos都可以被獲取到;一般在這裡可以進行ajax請求

在例項被掛載之前, $el也被初始化了,但是還只是虛擬的dom節點,還未真正掛載

這時候vue例項已經掛載到頁面上了 ,可以獲取到el裡的元素,可以進行dom操作了

更新前呼叫,這時獲取到的資料是更新後的,但是dom節點是更新前的,

因此如果在這裡是可以繼續改變資料狀態,但是檢視是不會對應渲染更新

更新時呼叫

這個時候檢視就是可以渲染更新的了

銷毀元件前呼叫,這時例項還是可以使用的

可以在這個時候清除一些任務,比如清除定時器

vue例項被銷毀

它上面原來繫結的資料和事件都會解綁,子例項也會被銷毀。

Vue之生命週期和生命週期鉤子

生命週期 指的是vm例項建立 執行 銷毀期間的各種事件。生命週期鉤子 生命週期事件 生命週期函式。生命週期主要分為三類 1.建立 這些函式均只在建立階段執行一次 beforecreate 此階段vm例項在內存在建立出來 只有預設的生命週期函式和一些預設的事件 但是data和method屬性沒有初始化...

vue生命週期

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

vue生命週期

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