那么vue 生命周期有哪些階段呢

一、創建

1、beforeCreate：這個階段實例已經初始化，只是數據觀察與事件機制尚未形成，不能獲取DOM節點（沒有data，沒有el）
使用場景：因為此時data和methods都拿不到，所以通常在實例以外使用
2、created：實例已經創建，仍然不能獲取DOM節點（有data，沒有el）
使用場景：模板渲染成html前調用，此時可以獲取data和methods，so 可以初始化某些屬性值，然后再渲染成視圖，異步操作可以放在這里

二、載入

1、beforeMount：是個過渡階段，此時依然獲取不到具體的DOM節點，但是vue掛載的根節點已經創建（有data，有el）
2、mounted：數據和DOM都已經被渲染出來了
使用場景：模板渲染成html后調用，通常是初始化頁面完成后再對數據和DOM做一些操作，需要操作DOM的方法可以放在這里

三、更新

1、beforeUpdate：檢測到數據更新時，但在DOM更新前執行
2、updated：更新結束后執行
使用場景：需要對數據更新做統一處理的；如果需要區分不同的數據更新操作可以使用$nextTick

四、銷毀

1、beforeDestroy：當要銷毀vue實例時，在銷毀前執行
2、destroyed：銷毀vue實例時執行

第一次頁面加載會觸發哪些鉤子

beforeCreate、created、beforeMount、mounted

本面試題為前端常考面試題，后續有機會繼續完善。我是歌謠，一個沉迷于故事的講述者。

歡迎一起私信交流。

“睡服“面試官系列之各系列目錄匯總（建議學習收藏）?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第八十九篇之vue生命周期作用（建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。