首页 > 其他 > 详细

vue3 组件生命周期函数

时间:2021-05-08 23:05:46      阅读:32      评论:0      收藏:0      [点我收藏+]

 

beforeCreate(){
  console.log(‘实例刚刚被创建‘)
},
created(){
    console.log(‘实例已经创建完成‘)
},
beforeMount(){
    console.log(‘模板编译之前‘)
},
mouted(){
    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/wj286827406/p/14745965.html

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