Vue 的父元件和子元件生命週期鉤子函式執行順序?

2022-05-17 05:57:40 字數 432 閱讀 2628

參考連線

vue 的父元件和子元件生命週期鉤子函式執行順序可以歸類為以下 4 部分:

載入渲染過程

父beforecreate

->父created->父beforemount->子beforecreate->子created->子beforemount->子mounted->

父mounted

子元件更新過程

父beforeupdate

->子beforeupdate->子updated->

父updated

父元件更新過程

父beforeupdate

->

父updated

銷毀過程

父beforedestroy

->子beforedestroy->子destroyed->父destroyed

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

1.渲染過程順序 父元件beforecreate 父元件created 父元件beforemount 子元件beforecreate 子元件created 子元件beforemount 子元件mounted 父元件mounted 2.更新過程順序 父元件更新過程 父元件beforeupdate 父元...

父元件和子元件生命週期的順序

當點選 change it 的時候,引起檢視變化,觸發beforeupdate和update 當點選 destroy parent1 引發父親元件的beforedestroy和destoryed 當點選 destory children1 引發子元件的beforedestroy和destoryed ...

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

vue 的父元件和子元件生命週期鉤子執行順序 渲染過程 父元件掛載完成一定是等子元件都掛載完成後,才算是父元件掛載完,所以父元件的mounted在子元件mouted之後。父beforecreate 父created 父beforemount 子beforecreate 子created 子befor...