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

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

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

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

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

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

歡迎一起私信交流。

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

總結

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

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