vue3組件生命周期函數


beforeCreate(){

  console.log('實例剛剛被創建')

},

created(){

  console.log('實例已經創建完成')

},

beforeMount(){

  console.log('模板編譯之前');

},

mounted(){

  console.log('數據更新之前')

},

updated(){

  console.log('數據更新之后')

},

activated(){

  console.log('keep-alive 緩存的組件激活時調用');

},

deactlvated(){

  console.log('keep-alive 緩存的組件停用時調用');

},

beforeUnmount(){

  console.log('實例銷毀之間');

},

unmounted(){

  console.log('實例銷毀完成');

}

 

 

在此方法里都可以寫延遲調用

this.$nextTick(()=>{

  console.log('要延遲的數據')

})

//this.$nextTick()將回調延遲到下次DOM更新之后執行

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM