耀极客论坛

 找回密码
 立即注册
查看: 358|回复: 0

深入了解vue2与vue3的生命周期对比

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-9 00:54:49 | 显示全部楼层 |阅读模式
  这篇文章主要为大家介绍了vue2与vue3的生命周期对比,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助


周期对比
                        vue2            vue3                                    beforeCreate            setup                            created            setup                            beforeMount            onBeforeMount                            mounted            onMounted                            beforeUpdate            onBeforeUpdate                            updated            onUpdated                            activeted            onActiveted                            deactiveted            onDeactiveted                            beforeDestory            onBeforeUnmount                            destoryed            onUnmounted            
用法
  vue2 中的生命周期与 data / methods 同级别以函数方式使用,比如 created() {}
  1. data() {
  2.     return {}
  3. },
  4. created() {
  5.     ...
  6. }
复制代码
  vue3 中的生命周期 setup 在最外层,不需要按需加载,其他的生命周期得按需加载才能使用
  1. import { omMounted } from 'vue'
  2. setup() {
  3.     onMounted(() => { ... })
  4. }
复制代码
总结

  本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-11-28 20:11 , Processed in 0.072879 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表