vue3生命周期

Vue3中有两个注册生命周期的方法,第一个是选项式的 API 风格,另一个的组合式的 API 风格。

Vue3 的生命周期完全兼容 Vue2 的生命周期。生命周期选项可以和组合式 API 中的生命周期钩子混合使用,不过最好不要将两者混合使用。

生命周期的实现原理其实就是先将用户注册的生命周期函数存起来,然后在合适的时机调用它。

各个生命周期的执行时机与应用场景

在组合式 API 中,beforeCreate 、created 生命周期都由 setup 函数代替。即在 beforeCreate 、created 生命周期选项中编写的代码,都可以写在 setup 函数里面吗。同一个生命周期,同时用选项式 API 和组合式 API 中注册,组合式 API 中的生命周期函数会先于选项式 API 中的执行。

Vue3 组件生命周期选项有

created
beforeMount
mounted
beforeUpdate
updated
beforeUnmount
unmounted
errorCaptured
renderTracked
renderTriggered
activated
deactivated
serverPrefetch
相关推荐
IT_陈寒23 分钟前
Python开发者必知的5大性能陷阱:90%的人都踩过的坑!
前端·人工智能·后端
codingWhat1 小时前
介绍一个手势识别库——AlloyFinger
前端·javascript·vue.js
Lee川1 小时前
深度拆解:基于面向对象思维的“就地编辑”组件全模块解析
javascript·架构
勤劳打代码1 小时前
Flutter 架构日记 — 状态管理
flutter·架构·前端框架
代码老中医1 小时前
2026年CSS彻底疯了:这6个新特性让我删掉了三分之一JS代码
前端
进击的尘埃1 小时前
Web Worker 与 OffscreenCanvas:把主线程从重活里解放出来
javascript
不会敲代码11 小时前
Zustand:轻量级状态管理,从入门到实践
前端·typescript
踩着两条虫1 小时前
VTJ.PRO 双向代码转换原理揭秘
前端·vue.js·人工智能
扉川川1 小时前
OpenClaw 架构解析:一个生产级 AI Agent 是如何设计的
前端·人工智能
远山枫谷1 小时前
一文理清页面/组件通信与 Store 全局状态管理
前端·微信小程序