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