beforeCreate 創(chuàng)建之前：已經(jīng)完成了 初始化事件和生命周期
created 創(chuàng)建完成：已經(jīng)完成了 初始化注冊和響應(yīng)
beforeMount 掛載之前：已經(jīng)完成了模板渲染
mounted :掛載之后：已完成HTML虛擬化，創(chuàng)建了el節(jié)點 可以操作DOM了
beforeDestroy ：摧毀之前：整個vue都處在實時監(jiān)控空渲染和更新
destroyed: 已摧毀，已經(jīng)摧毀了觀察者，子元素和事件監(jiān)聽

created:在模板渲染成html前調(diào)用，即通常初始化某些屬性值，然后再渲染成視圖。
mounted:在模板渲染成html后調(diào)用，通常是初始化頁面完成后，再對html的dom節(jié)點進行一些需要的操作。

掛載到節(jié)點上的初始化方法通常用mounted去操作，主動調(diào)起的用methods里面封裝方法。

數(shù)據(jù)初始化一般放到created里面，這樣可以及早發(fā)請求獲取數(shù)據(jù)，如果有依賴dom必須存在的情況，就放到mounted(){this.$nextTick(() => { /* code */ })}里面

Vue是異步執(zhí)行dom更新的，一旦觀察到數(shù)據(jù)變化，Vue就會開啟一個隊列，然后把在同一個事件循環(huán) (event loop) 當中觀察到數(shù)據(jù)變化的 watcher 推送進這個隊列。如果這個watcher被觸發(fā)多次，只會被推送到隊列一次。這種緩沖行為可以有效的去掉重復(fù)數(shù)據(jù)造成的不必要的計算和DOm操作。而在下一個事件循環(huán)時，Vue會清空隊列，并進行必要的DOM更新。

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

歡迎一起私信交流。

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

總結(jié)

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

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