Vue2与Vue3的生命周期有哪些不同之处，你能详细对比一下吗？

本文共计295个文字，预计阅读时间需要2分钟。

目录+周期对比+用法+总结+周期对比+Vue2+Vue3+beforeCreate+setup+created+setup+beforeMount+onBeforeMount+mounted+onMounted+beforeUpdate+onBeforeUpdate+updated+onUpdated+activited+onActiveted+deactiveted+onDeactiveted+beforeDestroy

目录

• 周期对比
• 用法
• 总结

周期对比

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

总结

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