Vue 生命週期有哪些?作用是什麼?

2021-10-04 15:55:03 字數 558 閱讀 9822

vue 例項從開始建立、初始化資料、編譯模板、掛載dom和渲染、更新和渲染、解除安裝等一系列過程,這是 vue 的生命週期

它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時更容易形成好的邏輯

第一次頁面載入時會觸發 beforecreate, created, beforemount, mounted 這幾個鉤子

mounted

beforecreate : 可以在這加個loading事件,在載入例項時觸發

created : 初始化完成時的事件寫在這裡,如在這結束loading事件,非同步請求也適宜在這裡呼叫

mounted : 掛載元素,獲取到dom節點

updated : 如果對資料統一處理,在這裡寫上相應函式

beforedestroy : 可以做乙個確認停止事件的確認框

nexttick : 更新資料後立即操作dom

created:在模板渲染成html前呼叫,即通常初始化某些屬性值,然後再渲染成檢視。

mounted:在模板渲染成html後呼叫,通常是初始化頁面完成後,再對html的dom節點進行一些需要的操作。

vue生命週期是什麼 有什麼作用

我們知道 vue 是通過構建資料驅動的web介面的漸進式框架 所謂週期就是指從乙個起點到乙個終點的過程,那麼生命週期就是指從生命開始到生命結束的過程 從而可以理解vue生命週期就是指vue例項從建立到銷毀的過程 使用vue時,用到所有功能都是圍繞vue生命週期實現的,在生命週期的不同階段呼叫對應的鉤...

1 什麼是vue生命週期?有什麼作用?

1.什麼是vue生命週期?有什麼作用?每個 vue 例項在被建立時都要經過一系列的初始化過程 例如,需要設定資料監聽 編譯模板 將例項掛載到 dom 並在資料變化時更新 dom 等。同時在這個過程中也會執行一些叫做 生命週期鉤子 的函式,這給了使用者在不同階段新增自己的 的機會。ps 生命週期鉤子就...

vue的生命週期,什麼是生命週期

簡而言之 建立前 後,載入前 後,更新前 後,銷毀前 後 beforecreate 建立前 在資料觀測和初始化事件還未開始 created 建立後 完成資料觀測,屬性和方法的運算,初始化事件 beforemount 載入前 在掛載開始之前被呼叫,相關的render函式首次被呼叫。mounted 載入...