vue生命週期(面試題)

2021-09-11 03:13:34 字數 808 閱讀 1444

1、什麼是vue生命週期?

vue例項從建立到銷毀的過程,就是vue的生命週期。也就是從開始建立、初始化資料、編譯模板、掛載dom – > 渲染、更新–>渲染、解除安裝等一系列過程,我們稱這是vue的生命週期。

2、vue生命週期的作用是什麼?

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

3、vue生命週期總共有幾個階段?詳細講講

答:它可以總共分為8個階段:建立前/後, 載入前/後,更新前/後,銷毀前/銷毀後

建立前/後: 在beforecreated階段,vue例項的掛載元素$el和資料物件data都為undefined,還未初始化。在created階段,vue例項的資料物件data有了,$el還沒有。

載入前/後:在beforemount階段,vue例項的$el和data都初始化了,但還是掛載之前為虛擬的dom節點,data.message還未替換。在mounted階段,vue例項掛載完成,data.message成功渲染。

更新前/後:當data變化時,會觸發beforeupdate和updated方法。

銷毀前/後:在執行destroy方法後,對data的改變不會再觸發週期函式,說明此時vue例項已經解除了事件監聽以及和dom的繫結,但是dom結構依然存在

4、dom 渲染在 哪個週期中就已經完成?

答:dom 渲染在 mounted 中就已經完成了。

再分享一篇文章:如何在面試中講解生命週期

可以結合文章

推薦一篇寫的比較詳細的文章

vue生命週期面試題

1 什麼是vue生命週期?答 vue 例項從建立到銷毀的過程,就是生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期。2 vue生命週期的作用是什麼?答 它的生命週期中有多個事件鉤子,讓我們在控制整個vue例項的過程時...

vue生命週期面試題

什麼是vue生命週期?vue生命週期的作用是什麼?vue生命週期總共有幾個階段?1 什麼是vue生命週期?答 vue 例項從建立到銷毀的過程,就是生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程,我們稱這是 vue 的生命週期。2 vue生命週期的...

面試題 Vue的生命週期

1.每個vue例項在被建立之前都要經過一系列的初始化過程,這個過程就是vue的生命週期 2.vue每個元件都是獨立的,每個元件都有乙個屬於它的生命週期,從乙個元件建立 資料初始化 掛載 更新 銷毀,這就是乙個元件所謂的生命週期。在元件中具體的方法有 3.鉤子函式提供給我們在vue生命週期不同的時刻進...