个人技术分享

前言

每个vue实例在被创建都要经历一系列初始化的过程
在这个过程中会运行一些叫做生命周期钩子的函数
使用户可以在页面中不同的阶段执行代码

初始化

1.setup()
在组件实例化时调用,用于设置组件的状态和响应式数据。

组件挂载

2.onBeforeMount()
在组件挂载前调用,可以进行一些准备工作。

3.onMounted()
在组件挂载后调用,通常用于执行异步请求或订阅事件。

组件更新

4.onBeforeUpdate()
在组件更新前调用,可以进行一些准备工作。
5.onUpdated()
在组件更新后调用,通常用于处理更新后的 DOM 操作或执行一些副作用。

组件卸载

6.onBeforeUnmount()
在组件卸载前调用,用于清理定时器、取消订阅等操作。

7.onUnmounted()
在组件卸载后调用,用于执行一些清理工作。

示意图

在这里插入图片描述