首页 > 其他 > 详细

vue3组件生命周期函数

时间:2021-04-12 15:30:07      阅读:54      评论:0      收藏:0      [点我收藏+]

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更新之后执行

 

vue3组件生命周期函数

原文:https://www.cnblogs.com/whenwei123/p/14646968.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!