vue元件例項的生命週期

2022-08-11 21:12:15 字數 425 閱讀 4161

vue在例項化乙個元件時會在特定的階段呼叫特定的方法,呼叫的這個方法就叫鉤子方法,比如vue在例項化元件之初按順序呼叫beforecreated,created,beforemounted,mounted,每個階段元件內部的屬性都是不一樣的,比如created鉤子時檢視還沒有渲染,就不能做一些dom操作。所以一般特定的鉤子做特定的事,比如ajax獲取資料就可以在mounted階段,當然放在created,beforemounted也是可以的,因為ajax是非同步的嘛,ajax之後的**會放在事件佇列的尾部,此時例項化元件整個過程會在ajax**之前執行完畢。所以ajax操作放在created,mounted裡面都是可以的。

參考文章:

vue元件生命週期

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

vue例項生命週期

每個 vue 例項在被建立之前都要經過一系列的初始化過程。例如需要設定資料監聽 編譯模板 掛載例項到 dom 在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做生命週期鉤子的函式,給予使用者機會在一些特定的場景下新增他們自己的 beforecreate 在例項初始化之後,資料觀測和事件配...

Vue例項生命週期

vue例項在建立時有一系列的初始化步驟,例如建立資料觀察,編譯模板,建立資料繫結等。在此過程中,我們可以通過一些定義好的生命週期鉤子函式來執行業務邏輯。本文將詳細介紹vue例項的生命週期 下圖是vue例項生命週期的圖示 接下來,根據提供的生命週期鉤子,對vue例項各個階段的情況進行詳細說明 befo...