欢迎您访问新疆栾骏商贸有限公司,公司主营电子五金轴承产品批发业务!
全国咨询热线: 400-8878-609

新闻资讯

常见问题

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

作者:用户投稿2026-01-11 05:39:03
目录
  • 周期对比
  • 用法
  • 总结

周期对比

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() {}

data() {
    return {}
},
created() {
    ...
}

vue3 中的生命周期 setup 在最外层,不需要按需加载,其他的生命周期得按需加载才能使用

import { omMounted } from 'vue'
setup() {
    onMounted(() => { ... })
}

总结

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