Vue3生命周期
文章目录
- 前言
- 初始化
- 组件挂载
- 组件更新
- 组件卸载
- 示意图
前言
每个vue实例在被创建都要经历一系列初始化的过程
在这个过程中会运行一些叫做生命周期钩子的函数
使用户可以在页面中不同的阶段执行代码
初始化
1.setup()
在组件实例化时调用，用于设置组件的状态和响应式数据。
组件挂载
2.onBeforeMount()
在组件挂载前调用，可以进行一些准备工作。
3.onMounted()
在组件挂载后调用，通常用于执行异步请求或订阅事件。
组件更新
4.onBeforeUpdate()
在组件更新前调用，可以进行一些准备工作。
5.onUpdated()
在组件更新后调用，通常用于处理更新后的 DOM 操作或执行一些副作用。
组件卸载
6.onBeforeUnmount()
在组件卸载前调用，用于清理定时器、取消订阅等操作。
7.onUnmounted()
在组件卸载后调用，用于执行一些清理工作。
示意图
