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...