mounted

個(gè)人理解為DOM結(jié)構(gòu)準(zhǔn)備就緒了，可以開始加載vue數(shù)據(jù)了，

掛載點(diǎn)，配合使用

mounted:function(){

this.$nextTick(function(){ //this.$nextTick是在下次DOM更新循環(huán)結(jié)束時(shí)調(diào)用延遲回調(diào)函數(shù)。異步函數(shù)

this.loadData();　　　　　　　　　　//DOM加載就緒，后調(diào)用loadData方法進(jìn)行數(shù)據(jù)更新

//想要更新后的獲取dom　　　　　　　　　　　　　　//此時(shí)若獲取更新后dom數(shù)據(jù)將會(huì)報(bào)錯(cuò)，數(shù)據(jù)為undefined；

})

}

此時(shí)，若想要獲取更新后的dom結(jié)構(gòu)，并操作dom，必須在下一個(gè)鉤子函數(shù)中獲取，否則將會(huì)報(bào)錯(cuò)，獲取不到

updated

數(shù)據(jù)更新導(dǎo)致的dom結(jié)構(gòu)更新，在更新完之后會(huì)調(diào)用這個(gè)鉤子

在此時(shí)獲取上一步中更新的數(shù)據(jù)，就可以成功獲取到。

引用插件的方法，在mounted鉤子中加載數(shù)據(jù)，在updated鉤子引用處理這個(gè)數(shù)據(jù)的插件。

beforecreate : 舉個(gè)栗子：可以在這加個(gè)loading事件

created ：在這結(jié)束loading，還做一些初始化，實(shí)現(xiàn)函數(shù)自執(zhí)行

mounted ： 在這發(fā)起后端請(qǐng)求，拿回?cái)?shù)據(jù)，配合路由鉤子做一些事情

updated: 在這里處理更新后的數(shù)據(jù)

beforeDestory： 你確認(rèn)刪除XX嗎？ destoryed ：當(dāng)前組件已被刪除，清空相關(guān)內(nèi)容

總結(jié)

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

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