Vue的11個生命週期函式的用法

2022-06-19 04:15:10 字數 474 閱讀 4520

標籤:recreate

初始化生命週期

troy

注入重新

需要dom

繫結例項的生命週期函式(官方11個):

beforecreate:在例項部分(事件/生命週期)初始化完成之後呼叫。

created:在完成外部的注入/雙向的繫結等的初始化之後呼叫。

beforemount:在頁面渲染之前執行。

mounted:dom 元素在掛載到頁面之後執行。

首次載入頁面時,不會走這兩個鉤子,只有當資料發生改變時才會執行:

beforeupdate:資料改變,還沒重新渲染之前執行。

updated:渲染資料完成之後執行。

執行銷毀需要呼叫:vm.$destroy()

beforedestroy:例項銷毀之前執行。

destroyed:例項銷毀之後執行。

vue的11個生命週期函式的用法

註明** 

vue的生命週期函式

生命週期鉤子 就是vue例項從建立到銷毀的過程,在某一時間點自動執行的函式 beforecreate 開始初始化 vue例項的掛載元素 el和資料物件data都為undefined created 初始化完成 vue例項的資料物件data有了,el還沒有,可以進行computed.watch監聽 之...

Vue的生命週期函式

首先,我們來明白什麼是生命週期。var vm newvue 這就表示建立了乙個vue例項物件。接下來我們初始化vue的例項物件 beforecreate 這是我們遇到的第乙個生命週期函式 表示例項被完全建立出來,會執行它。這時候我們會得到如下結果 表明在beforecreated生命週期執行的時候d...

vue的生命週期函式

vue的生命週期函式表示vue在例項化到銷毀過程自動執行的函式 2.第乙個生命週期函式beforecreate,表示vue例項在完全建立之前自動執行的函式,這時data和methods還沒有初始化 name div button click changename value change div v...