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

2022-08-23 17:48:08 字數 411 閱讀 8102

1.載入渲染過程

父beforecreate=》父created=》父beforemount=》子beforecreate=》子created=》子beforemount=》子mounted=》父mounted

2.子元件更新過程

父beforeupdate=》子beforeupdate=》子updated=》父updated

3.父元件更新

父beforeupdate=》父uodated

4.銷毀過程

父beforedestory=>子beforedestory=>子destory=》父destoryed

vue鉤子函式

1.在使用來快取元件狀態時,這個時候created鉤子函式就不會再被重複呼叫了,這時需要將資料寫到activted中才可以保證每次進入頁面後都會顯示正常

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

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

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

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

父子元件生命週期順序

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