Vue3 生命周期总结

507 阅读1分钟

使用Vue3生命周期钩子函数

在组合API中,需要将生命周期钩子导入到项目中,才可以使用。

import {onMounted} from 'vue'

完整生命周期钩子函数

  • onBeforeMount——挂载开始前调用
  • onMount——挂载后调用
  • onBeforeUpdate——当响应数据改变,且重新渲染前调用
  • onUpdated——重新渲染后调用
  • onBeforeUnmount——Vue实例销毁前调用
  • onUnmounted——实例销毁后调用
  • onActivated——当keep-alive组件被激活时调用
  • onDeactivated——当keep-alive组件取消激活时调用
  • onErrorCaptured——从子组件中捕获错误时调用