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
相关推荐
Wang's Blog18 分钟前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希35 分钟前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
用户47949283569151 小时前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
群联云防护小杜1 小时前
国产化环境下 Web 应用如何满足等保 2.0?从 Nginx 配置到 AI 防护实战
运维·前端·nginx
ss2731 小时前
Springboot + vue 医院管理系统
vue.js·spring boot·后端
醉方休1 小时前
Web3.js 全面解析
前端·javascript·electron
前端开发爱好者2 小时前
前端新玩具:Vike 发布!
前端·javascript
今天也是爱大大的一天吖2 小时前
vue2中的.native修饰符和$listeners组件属性
前端·javascript·vue.js
fxshy2 小时前
在 Vue 3 + Vite 项目中使用 Less 实现自适应布局:VW 和 VH 的应用
前端·javascript·less
奇舞精选2 小时前
AI时代的前端知识拾遗:前端事件循环机制详解(基于 WHATWG 最新规范)
前端·javascript