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

2021-10-10 12:37:50 字數 585 閱讀 8743

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

1. 載入渲染過程

父元件的beforecreate、created、beforemount --> 所有子元件的beforecreate、created、beforemount --> 所有子元件的mounted --> 父元件的mounted

如果子元件下面包含子元件,亦滿足此過程

2. 子元件更新過程

父元件beforeupdate --> 子元件beforeupdate --> 子元件updated --> 父元件updated

3.父元件更新過程

父元件beforeupdate --> 父元件updated

4.銷毀過程

父元件beforedestroy --> 子元件beforedestroy --> 子元件destroyed --> 父元件destroyed

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

parent beforecreated parent created parent beforemount chiid beforecreated child created child beforemount child mounted child activated activated在子元件...

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...