vue 生命週期函式

2022-02-25 14:01:08 字數 1475 閱讀 1667

3-2

參考vue官網生命週期函式圖

生命週期函式就是vue例項在某乙個時間點會自動執行的函式

beforedestroy、destroyed,在控制台輸入,vm.$destroy()才會執行,

beforeupdate、updated 需要在控制台輸入vm.test="hh",才會執行

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>vue例項生命週期鉤子

title

>

<

script

src="vue.js"

>

script

>

head

>

<

body

>

<

div

id>

div>

<

script

>

//生命週期函式就是vue例項在某乙個時間點會自動執行的函式

varvm

=new

vue(}",

data:,

beforecreate:

function

(), created:

function

() ,

beforemount:

function

(), mounted:

function

(), beforedestroy:

function

() ,

destroyed:

function

(), beforeupdate:

function

(), updated:

function

() })

script

>

body

>

html

>

vue 生命週期函式

什麼是生命週期 從vue例項建立 執行 到銷毀期間,總是伴隨著各種各樣的事件,這些事件,統稱為生命週期!生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來,此時,還沒...

vue 生命週期函式

每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後,資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...

vue生命週期函式

從vue例項建立 執行到銷毀期間總會伴隨各種各樣的事件,這些事件統稱為生命週期。1 beforecreate 在beforecreate生命週期執行的時候,data和method中的資料都還沒有被初始化。2 ceated 在created中data和methods都已經初始化好了。3 beforem...