從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屬性沒有初始化...