Vue3常用的生命周期钩子

// setup

console.log('------ setup -----')

// 在组件被挂载之前被调用

onBeforeMount(() => console.log('onBeforeMount==>'))

// 在组件挂载完成后执行

onMounted(() => console.log('onMounted==>'))

// 在组件因为响应式状态变更而更新其 DOM 树之后调用 在初次渲染不会被调用

onUpdated(() => console.log('onUpdated==>'))

// 在组件即将因为响应式状态变更而更新其 DOM 树之前调用

onBeforeUpdate(() => console.log('onBeforeUpdate==>'))

// 在组件实例被卸载后调用

onUnmounted(() => console.log('onUnmounted==>'))

// 在组件实例被卸载之前调用

onBeforeUnmount(() => console.log('onBeforeUnmount==>'))

// 捕捉后代组件传递的错误时调用

onErrorCaptured(() => console.log('onErrorCaptured==>'))

附图---官网图  刚开始学的小伙伴们只需了解,最后一定要牢记面试时会长出哦