Vue中元件生命週期呼叫順序

2021-10-21 17:07:31 字數 513 閱讀 2726

元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。

元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。

載入渲染過程
父beforecreate->父created->父beforemount->子beforecreate->子created->子beforemount- >子mounted->父mounted
子元件更新過程
父beforeupdate->子beforeupdate->子updated->父updated
父元件更新過程
父beforeupdate -> 父updated
銷毀過程
父beforedestroy->子beforedestroy->子destroyed->父destroyed

Vue中元件生命週期呼叫順序

簡單概括 元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mou...

Vue中父子元件生命週期呼叫順序

元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。載入渲染過程 父beforecreate 父created 父beforemount 子beforecreate 子created 子beforemount 子mounted 父mounted ...

vue元件生命週期

beforecreate建立前 created建立後 beforemountvue裝載dom之前 mountedvue裝載dom之後 beforeupdate資料改變出發,改變前 updated資料改變出發改變後 beforedestory元件銷毀前 destoryed元件銷毀後 beforeact...