vue中關於dom的操作

 

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 ：當前組件已被刪除，清空相關內容