目录

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
本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
今天也想MK代码19 分钟前
ReFormX:现代化的 React 表单解决方案 - 深度解析与最佳实践
前端·react.js·性能优化
勘察加熊人31 分钟前
vue记忆卡牌游戏
javascript·vue.js·游戏
醋醋35 分钟前
Vue2源码记录3
前端·vue.js
yanyu-yaya42 分钟前
第三章 react redux的学习之redux和react-redux,@reduxjs/toolkit依赖结合使用
javascript·学习·react.js
dleei1 小时前
react入门(上)
前端·react.js·前端框架
江城开朗的豌豆1 小时前
使用Plotly.js创建炫酷红外轮廓热力图 - Vue组件封装实战
前端·javascript·vue.js
安大桃子1 小时前
🚀《突破传统!打造高自由度弹窗组件的终极方案》—— 用这个Vue组件重新定义弹窗交互
前端·vue.js
DataFunTalk1 小时前
大模型时代数据科学岗位的未来思考
前端·后端·算法
咪库咪库咪1 小时前
Grid
前端
cg50171 小时前
Spring Boot 中的 Bean
java·前端·spring boot