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
相关推荐
百思可瑞教育6 小时前
Vue.config.js中的Webpack配置、优化及多页面应用开发
前端·javascript·vue.js·webpack·uni-app·北京百思教育
患得患失9496 小时前
【前端】【高德地图WebJs】【知识体系搭建】面要素知识点——>多边形,圆形, 矩形,图形编辑器
前端·编辑器·高德地图·amap
歪歪1006 小时前
webpack 配置文件中 mode 有哪些模式?
开发语言·前端·javascript·webpack·前端框架·node.js
歪歪1006 小时前
如何配置Webpack以实现按需加载模块?
开发语言·前端·webpack·node.js
面向星辰9 小时前
html各种常用标签
前端·javascript·html
梦6509 小时前
HTML新属性
前端
东风西巷11 小时前
PDFgear:免费全能的PDF处理工具
前端·pdf·软件需求
森之鸟11 小时前
Mac电脑上如何打印出字体图标
前端·javascript·macos
mCell12 小时前
GSAP 入门指南
前端·javascript·动效
gnip12 小时前
组件循环引用依赖问题处理
前端·javascript