Vue---Vue2/Vue3生命周期总结

53 篇文章 1 订阅
25 篇文章 0 订阅

vue2生命周期:官方

vue3生命周期:官方

 


vue2.x版本:八个声明周期
beforeCreate created beforeMount mounted beforeUpdateupdated beforeDestroy destroyed 

vue3.x:周期如下
beforeCreate使用setup() 、 created使用setup()、
onBeforeMount、onMounted、onBeforeUpdate、 onUpdated、onBeforeUnmount、onUnmounted、

新增:调试钩子函数:onRenderTracked、onRenderTriggered
这两个钩子仅在开发模式下可用,且在服务器端渲染期间不会被调用。
----------------------------------------------------
onRenderTracked:
注册一个调试钩子,当响应式依赖被组件的渲染作用追踪后调用。
onRenderTriggered:
注册一个调试钩子,当响应式依赖触发了组件渲染作用的运行之后调用。

后期周期函数有改动,会来即使更新的哦

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue2和Vue3的生命周期有一些区别。 在Vue2中,常用的生命周期钩子函数有beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。这些钩子函数允许在组件的不同生命周期阶段执行一些操作。其中,beforeCreate和created钩子函数在组件实例创建之前和之后执行,beforeMount和mounted钩子函数在组件挂载之前和之后执行,beforeUpdate和updated钩子函数在组件更新之前和之后执行,beforeDestroy和destroyed钩子函数在组件销毁之前和之后执行。 而在Vue3中,除了保留了Vue2中的生命周期钩子函数外,还新增了一些新的钩子函数。其中,beforeUnmount钩子函数是在组件卸载之前执行,用来做一些清理操作。此外,Vue3还引入了renderTracked和renderTriggered两个新的钩子函数,用于跟踪渲染过程中的依赖和更新。 另外需要注意的是,Vue3中所有的生命周期钩子函数都可以作为组件选项直接导出,而不需要手动声明。 总结起来,Vue2和Vue3的生命周期有一些相似之处,如beforeCreate、created、beforeMount、mounted、beforeDestroy和destroyed等钩子函数。但Vue3新增了beforeUnmount、renderTracked和renderTriggered等钩子函数,同时还允许将生命周期钩子函数作为组件选项直接导出。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue2和vue3的生命周期](https://blog.csdn.net/m0_73481765/article/details/131468675)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

绝世唐门三哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值