lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
documenttitle
>
head
>
>
>
"p1"
>
}p>
@click
="title='站著'
">
修改button
>
div>
onclick
="test()"
>
銷毀button
>
body
>
html
>
src=
"../day01/vue.js"
>
script
>
>
var vm=
newvue(,
beforecreate()
,created()
,beforemount()
,mounted()
,beforeupdate()
,updated()
,beforedestroy()
,destroyed()
})function
test()
script
>
created 在這行這個鉤子的時候 物件的data和methods等自定義的東西已經能用了 是最早開始使用data中資料的鉤子函式 vue例項已經初始化完畢
beforemount 在執行這個鉤子的時候，已經在記憶體形成乙個dom樹，還沒有掛載到頁面上
mounted 在執行這個鉤子的時候 記憶體和頁面已經同步 mounted是最早可以操作dom節點的鉤子
beforeupdate 當data中資料被修改的時候會呼叫 記憶體中是新的資料 頁面是舊的
updated 頁面和記憶體已經同步 修改完成
beforedestroy 銷毀之前 在這個鉤子上 例項身上的東西都是可以使用的 可以在裡面做一些釋放記憶體的操作
destroyed銷毀完畢
activited keep-alive專屬 元件被啟用時呼叫
10.deadctivated keep-alive專屬 元件被銷毀時呼叫
11.errorcaptured 錯誤捕獲
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...