vue 父子元件的生命週期的執行順序

2021-10-10 07:19:00 字數 653 閱讀 6724

parent beforecreated

parent created

parent beforemount

chiid beforecreated

child created

child beforemount

child mounted

child activated activated在子元件mounted(全部掛載到頁面)之後,父元件mounted之前觸發。

parent beforeupdate

chiid updated

chiid beforeupdate

(chiid deactivated)

parent updated

parent beforedestory

(chiid deactivated)

chiid beforedestory

chiid destory

parent destory

deactivated函式的觸發時間是在檢視更新時觸發。因為當檢視更新時才能知道keep-alive元件被停用了,所以分為兩種情況。

1.更新過程中的執行時機:在父beforeupdate 和update之間執行

2. 銷毀過程中的執行時機:在父子元件beforedestroy之間執行

Vue父子元件生命週期執行順序

vue父子元件生命週期執行順序 1.載入渲染過程 父元件的beforecreate created beforemount 所有子元件的beforecreate created beforemount 所有子元件的mounted 父元件的mounted 如果子元件下面包含子元件,亦滿足此過程 2.子...

VUE生命週期中父子元件的執行順序

1.載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mounted 2.子元件更新過程 父beforeupdate 子beforeupdate 子updated 父upd...

父子元件生命週期順序

1.渲染 同步引入 順序同上 父元件的beforecreate created beforemount 所有子元件的beforecreate created beforemount 所有子元件的mounted 父元件的mounted 非同步引入 順序如下 父元件的beforecreate creat...