vue 鉤子函式

2021-09-22 16:29:49 字數 827 閱讀 9142

一共有十乙個,但是常見的八個,

常用的三四個

beforecreate(建立之前) //常用

vue建立之前,data未生產。在beforecreate前,所有的options都會先存到vm. $options中,在beforecreate之後,將 $options裡的data,props,methods等等乙個個附到vm上,然後再觸發created鉤子。所以在beforecreate的時候,無法直接拿到data裡面的資料

created(建立之後) //常用

這是它的乙個生命週期鉤子函式,就是乙個vue例項被生成後呼叫這個函式。

一般可以在created函式中呼叫ajax獲取頁面初始化所需的資料。

beforemount(載入之前) //常用

載入前(完成了data和el資料初始化),但是頁面中的內容還是vue中的佔位符,data中的資料資訊沒有被掛在到bom節點中,在這裡可以在渲染前最後一次更改資料的機會,不會觸發其他的鉤子函式,一般可以在這裡做初始資料的獲取

mounted(載入之後) //常用

載入後html已經渲染(ajax請求可以放在這個函式中),把vue例項中的data裡的message掛載到bom節點中去

beforeupdate(更新之前)

updated(更新之後)

befordestroy(銷毀之前)

destroyed(銷毀之後)

activate(keep-alive元件啟用時呼叫)

deactivated(keep-alive元件停用時呼叫)

errorcaptured(這個元件的作用是接受子孫元件報錯是呼叫,三個引數 錯誤物件、錯誤的元件、錯誤資訊)

vue 鉤子函式

beforerouteenter to,from,next 1 this undefined 2 this.data undefined 3 methods 裡面的方法 undefined 4 如果有快取,該方法不會被呼叫 beforecreate 1 如果有快取,該方法不會被呼叫 2 this.d...

vue鉤子函式

前言 鉤子就好像是把人的出生到死亡分成乙個個階段,你肯定是在出生階段起名字,而不會在成年或者死亡的階段去起名字。或者說你想在出生階段去 也是不行的。元件也是一樣,每個階段它的內部構造是不一樣的。所以一般特定的鉤子做特定的事,比如ajax獲取資料就可以在mounted階段。一 vue生命週期簡介 咱們...

mounted鉤子函式 對vue中鉤子函式的理解

1 beforecreate 鉤子 該階段元件例項剛建立,元件屬性計算之前 可理解為元件屬性還未初始化,未繫結,未掛載元素el 比如 el,data,methods等,如果你試圖在beforecreated鉤子中獲取這些屬性值,會得到ubdefined 的結果,但是 可以獲取到this物件,因為此時...