Vue2和Vue3生命周期的对比

Vue2和Vue3生命周期的对比

  • [Vue2 和 Vue3 生命周期对照表](#Vue2 和 Vue3 生命周期对照表)
  • [Vue2 和 Vue3 生命周期图示](#Vue2 和 Vue3 生命周期图示)

Vue2 和 Vue3 生命周期对照表

|------------------|---------------|-------------------|
| 触发时机 | Vue2.x | Vue3.x |
| 组件创建时运行 | beforeCreate | setup |
| 组件创建时运行 | created | setup |
| 挂载在DOM时运行 | beforeMount | onBeforeMount |
| 挂载在DOM时运行 | mounted | onMounted |
| 响应数据修改时运行 | beforeUpdate | onBeforeUpdate |
| 响应数据修改时运行 | updated | onUpdated |
| 元素销毁前执行 | beforeDestroy | onBeforeUnmount |
| 元素销毁前执行 | destroyed | onUnmounted |
| 管理Keep-Alive组件 | activated | onActivated |
| 管理Keep-Alive组件 | deactivated | onDeactivated |
| Vue3 Debug Hooks | - | onRenderTriggered |
| Vue3 Debug Hooks | - | onRenderTracked |

Vue2 和 Vue3 生命周期图示

  1. Vue2 生命周期图

  2. Vue3 生命周期图

相关推荐
梵得儿SHI7 小时前
Java 注解与反射实战:自定义注解从入门到精通
java·开发语言·注解·自定义注解·元注解·控制注解的作用·声明式编程思想
鹏多多7 小时前
用useTransition解决React性能卡顿问题+实战例子
前端·javascript·react.js
沐知全栈开发7 小时前
Foundation 网格实例
开发语言
只愿云淡风清7 小时前
ECharts地图数据压缩-ZigZag算法
前端·javascript·echarts
Moment7 小时前
Node.js v25.0.0 发布——性能、Web 标准与安全性全面升级 🚀🚀🚀
前端·javascript·后端
专注前端30年7 小时前
【JavaScript】every 方法的详解与实战
开发语言·前端·javascript
速易达网络7 小时前
Java Web登录系统实现(不使用开发工具)
java·开发语言·前端
凡间客8 小时前
Python编程之常用模块
开发语言·python
景彡先生8 小时前
Python基础语法规范详解:缩进、注释与代码可读性
开发语言·前端·python
悟能不能悟8 小时前
java重构旧代码有哪些注意的点
java·开发语言·重构