Vue3 x 版本的生命週期鉤子函式

2021-10-10 08:32:12 字數 1353 閱讀 6217

//必須先引用再使用

import from 'vue'

//元件掛載到節點上之前執行的函式

onbeforemount() 

//元件掛載完成後執行的函式   

onmounted() 

//元件更新之前執行  

onbeforeupdate()

//元件更新之後執行     

onupdated()     

//在元件解除安裝之前

onbeforeunmount() vue2

//元件銷毀之後執行

onunmounted()

被包含在中的元件,會多出兩個生命週期鉤子函式。

//被啟用時執行

onactivated()  

//比如從 a 元件,切換到 b 元件,a 元件消失時執行

ondeactivated()

//當捕獲乙個來自子孫元件的異常時啟用鉤子函式

onerrorcaptured()

vue2--------------vue3

beforecreate -> setup()

created -> setup()

beforemount -> onbeforemount

mounted -> onmounted

beforeupdate -> onbeforeupdate

updated -> onupdated

beforedestroy -> onbeforeunmount

destroyed -> onunmounted

activated -> onactivated

deactivated -> ondeactivated

errorcaptured -> onerrorcaptured

//狀態跟蹤,它會跟蹤頁面上所有響應式變數和方法的狀態,也就是我們用return返回去的值,他都會跟蹤。只要頁面有update的情況,他就會跟蹤,然後生成乙個event物件,我們通過event物件來查詢程式的問題所在

onrendertracked()

//狀態觸發,它不會跟蹤每乙個值,而是給你變化值的資訊,並且新值和舊值都會給你明確的展示出來

onrendertriggered()

請你從下面選擇一下

}:}

今天中午吃【}】,let's go!

vue生命週期鉤子

el 表示dom元素,data 表示資料 deforecreated el和data並未初始化 created 完成了data資料的初始化,el沒有 beforemount 完成了el和data初始化 mounted 完成掛載 el和data都初始化完成,並且掛載在頁面上了 注意 以下勾子只能在 k...

Vue 生命週期鉤子

從vue例項建立,執行,到銷毀期間,總是伴隨著各種各樣的事件,這些事件,稱為生命週期。建立 beforecreate 例項剛剛在記憶體中被建立出來,但data和methods還沒有進行初始化。created 例項已經在記憶體中建立,data和methods還沒有建立 beforemount 完成模板...

vue生命週期鉤子

生命週期 vue 例項從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期,各個階段有相對應的事件鉤子。函式元件狀態 最好的用法 beforecreate 例項初始化之後,this指向建立的例項,不能訪問到data computed w...