vue學習之 生命週期

2022-09-07 04:12:10 字數 773 閱讀 6032

從vue例項建立、執行、直到銷毀,所有發生的事件,稱為生命週期事件,也叫生命週期鉤子。

建立期間生命週期函式為:

beforecreate/created

beforemount/mounted

執行期間生命週期函式為:

beforeupdate/updated

銷毀期間生命週期函式為:

beforedestroy/destroyed

初始化乙個空的vue例項物件,此時vue物件裡只有預設的生命週期函式和一些預設事件

data()   以及methods:  裡面的資料都還沒有初始化,不能呼叫

data()   以及methods:  裡面的資料都已經初始化完畢,可以呼叫資料和函式了---------最早可以呼叫方法和資料的生命週期鉤子

虛擬dom已經在記憶體中編譯完畢,但是還未掛載到頁面中去

將虛擬dom真實的替換到瀏覽器的頁面中,渲染完畢,可以獲取到頁面中的元素了

至此,vue物件建立完畢!!

data() 中的資料改變,但是檢視還未更新

data() 中的資料改變,檢視也更新了

vue例項從執行階段進入了銷毀階段,還未真正執行銷毀過程,所有資料和方法都可以呼叫

真正銷毀了例項,所有方法和資料皆不可呼叫!

vue學習之生命週期

從vue例項建立到虛擬dom產生再到資料繫結 資料監聽 資料渲染以及銷毀的整個過程。生命週期的第一步就是建立vue例項,並且進行初始化 在初始化的時候呼叫了beforecreate,完成了vue例項的生命週期相關屬性的初始化以及事件的初始化。這個時候還不能直接訪問data中的屬性集method中的方...

Vue之生命週期

vue裡的概念 生命週期,是指乙個vue元件從開始到消亡經歷的各種狀態,具體點來說就是元件從建立,到元件掛載到頁面上執行,再到頁面關閉元件被解除安裝經歷的各種狀態。在每個階段,vue會自動呼叫相應的生命週期的鉤子函式,所以當我們在某個鉤子函式中掛載我們的自定義函式時,就會在相應的生命週期自動呼叫 v...

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

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