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

一、創(chuàng)建

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

二、載入

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

三、更新

1、beforeUpdate：檢測到數(shù)據(jù)更新時，但在DOM更新前執(zhí)行
2、updated：更新結(jié)束后執(zhí)行
使用場景：需要對數(shù)據(jù)更新做統(tǒng)一處理的；如果需要區(qū)分不同的數(shù)據(jù)更新操作可以使用$nextTick

四、銷毀

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

第一次頁面加載會觸發(fā)哪些鉤子

beforeCreate、created、beforeMount、mounted

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

歡迎一起私信交流。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。