Vue父子元件鉤子函式

2021-08-14 18:05:59 字數 683 閱讀 8369

vue父子元件鉤子函式觸發順序

beforemount後mounted前構造子元件 依次遍歷

beforecreate-父元件

created-父元件

beforemount-父元件

beforecreate-子元件

created-子元件

beforemount-子元件

beforecreate-次子元件

created-次子元件

beforemount-次子元件

mounted-次子元件

mounted-子元件

mounted-父元件

鉤子函式發生的事

beforecreate-元件剛例項化完成 el 和 data 都為undefined 

created-元件例項化完成 data 資料有值,dom還未生成 el沒有值

beforemount-虛擬dom已生成 el 和 data 有值 此時顯示}  俗稱佔坑

mounted

-掛載完成此時顯示 123

vue 鉤子函式

一共有十乙個,但是常見的八個,常用的三四個 beforecreate 建立之前 常用 vue建立之前,data未生產。在beforecreate前,所有的options都會先存到vm.options中,在beforecreate之後,將 options裡的data,props,methods等等乙個...

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生命週期簡介 咱們...