vue组件生命周期函数

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

 

posted @ 2021-04-12 11:03  light丶  阅读(851)  评论(0)    收藏  举报