介绍

如果要在setup方法中调用组件生命周期钩子函数:在原来的生命周期钩子函数名称前加on关键字,并且需要保持小驼峰的命名方式。

语法

import {onMounted, onUpdated} from 'vue'

export default {
  name: "Lifecycle",
  setup() {
    onMounted(() => {
      console.log("组件视图挂载完成")
    });
    onUpdated(() => {
      console.log("组件更新完成")
    });
  }
}

注意事项

不能在setup方法中调用beforeCreate, created者2个生命周期钩子函数(因为beforecreate, created这两个生命周期钩子函数的执行时间和setup方法接近）