04-14 19:41 前端工程师
关注
Vue 3引入了哪些新的生命周期钩子函数
Vue 3 在组件的生命周期中引入了一些新的钩子函数。下面是一些主要的新生命周期钩子函数：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=3b2e25e269df494f90670f3caf52de1c
beforeMount：在组件挂载到 DOM 之前调用。它替代了 Vue 2.x 中的 beforeCreate 和 beforeMount 钩子函数。
onVnodeBeforeMount：在组件的 VNode 被创建并且在挂载之前调用。它是在 beforeMount 钩子函数之前调用的。
onVnodeMounted：在组件的 VNode 被创建之后调用。它替代了 Vue 2.x 中的 mounted 钩子函数。
beforeUpdate：在组件更新之前调用。它替代了 Vue 2.x 中的 beforeUpdate 钩子函数。
onVnodeBeforeUpdate：在组件更新之前调用，但是在子组件被更新之前调用。
onVnodeUpdated：在组件更新之后调用，但是在子组件被更新之后调用。
beforeUnmount：在组件卸载之前调用。它替代了 Vue 2.x 中的 beforeDestroy 钩子函数。
onVnodeBeforeUnmount：在组件的 VNode 被卸载之前调用。
onVnodeUnmounted：在组件的 VNode 被卸载之后调用。它替代了 Vue 2.x 中的 destroyed 钩子函数。
errorCaptured：在捕获一个来自子孙组件的错误时调用。它替代了 Vue 2.x 中的 errorCaptured 钩子函数。
beforeMount：在组件挂载到 DOM 之前调用。它替代了 Vue 2.x 中的 beforeCreate 和 beforeMount 钩子函数。
onVnodeBeforeMount：在组件的 VNode 被创建并且在挂载之前调用。它是在 beforeMount 钩子函数之前调用的。
onVnodeMounted：在组件的 VNode 被创建之后调用。它替代了 Vue 2.x 中的 mounted 钩子函数。
beforeUpdate：在组件更新之前调用。它替代了 Vue 2.x 中的 beforeUpdate 钩子函数。
onVnodeBeforeUpdate：在组件更新之前调用，但是在子组件被更新之前调用。
onVnodeUpdated：在组件更新之后调用，但是在子组件被更新之后调用。
beforeUnmount：在组件卸载之前调用。它替代了 Vue 2.x 中的 beforeDestroy 钩子函数。
onVnodeBeforeUnmount：在组件的 VNode 被卸载之前调用。
onVnodeUnmounted：在组件的 VNode 被卸载之后调用。它替代了 Vue 2.x 中的 destroyed 钩子函数。
errorCaptured：在捕获一个来自子孙组件的错误时调用。它替代了 Vue 2.x 中的 errorCaptured 钩子函数。
全部评论
相关推荐
点赞 评论 收藏
转发
查看30道真题和解析
投递美团等公司9个岗位 点赞 评论 收藏
转发
点赞 评论 收藏
转发