欢迎光临
我的个人博客网站

vue3和vue2生命周期的对比

原文地址

vue3和vue2生命周期的对比

Vue3 的生命周期比较多。

  1. setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和method
  2. onBeforeMount() : 组件挂载到节点上之前执行的函数。
  3. onMounted() : 组件挂载完成后执行的函数。
  4. onBeforeUpdate(): 组件更新之前执行的函数。
  5. onUpdated(): 组件更新完成之后执行的函数。
  6. onBeforeUnmount(): 组件卸载之前执行的函数。
  7. onUnmounted(): 组件卸载完成后执行的函数。
  8. onActivated(): 被包含在中的组件,会多出两个生命周期钩子函数。被激活时执行。
  9. onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行。
  10. onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数(以后用到再讲,不好展现)。

注:使用<keep-alive> 组件会将数据保留在内存中,比如我们不想每次看到一个页面都重新加载数据,就可以使用组件解决。
vue3使用生命周期需要单独从vue中引用,并且只能在setup函数内调用

Vue2--------------vue3 beforeCreate  -> setup() created       -> setup() beforeMount   -> onBeforeMount mounted       -> onMounted beforeUpdate  -> onBeforeUpdate updated       -> onUpdated beforeDestroy -> onBeforeUnmount destroyed     -> onUnmounted activated     -> onActivated deactivated   -> onDeactivated errorCaptured -> onErrorCaptured 
赞(0) 打赏
未经允许不得转载:张拓的天空 » vue3和vue2生命周期的对比
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏