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

2021-10-17 19:01:19 字數 655 閱讀 2445

簡單概括:元件的呼叫順序都是先父後子,渲染完成的順序是先子後父。元件的銷毀操作是先父後子,銷毀完成的順序是先子後父。

載入渲染過程

父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 父mounted子元...

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

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

vue元件生命週期

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