mounted

個人理解為DOM結構準備就緒了，可以開始加載vue數據了，

掛載點，配合使用

mounted:function(){

this.$nextTick(function(){ //this.$nextTick是在下次DOM更新循環結束時調用延遲回調函數。異步函數

this.loadData();　　　　　　　　　　//DOM加載就緒，后調用loadData方法進行數據更新

//想要更新后的獲取dom　　　　　　　　　　　　　　//此時若獲取更新后dom數據將會報錯，數據為undefined；

})

}

此時，若想要獲取更新后的dom結構，并操作dom，必須在下一個鉤子函數中獲取，否則將會報錯，獲取不到

updated

數據更新導致的dom結構更新，在更新完之后會調用這個鉤子

在此時獲取上一步中更新的數據，就可以成功獲取到。

引用插件的方法，在mounted鉤子中加載數據，在updated鉤子引用處理這個數據的插件。

beforecreate : 舉個栗子：可以在這加個loading事件

created ：在這結束loading，還做一些初始化，實現函數自執行

mounted ： 在這發起后端請求，拿回數據，配合路由鉤子做一些事情

updated: 在這里處理更新后的數據

beforeDestory： 你確認刪除XX嗎？ destoryed ：當前組件已被刪除，清空相關內容

總結

以上是生活随笔為你收集整理的mouted vue 操作dom_vue中关于dom的操作的全部內容，希望文章能夠幫你解決所遇到的問題。

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