vue2 与 vue3 生命周期对比

原创于 2021-12-16 15:15:00 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

35 篇文章

订阅专栏

本文对比了Vue2和Vue3中组件的生命周期钩子变化，详细阐述了Vue3中setup函数的使用及按需引入生命周期方法的方式。在Vue2中，生命周期钩子与data、methods同级别，而在Vue3中，setup位于最外层，其余生命周期需按需导入并使用。这一改变简化了代码结构，提高了效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue2 中的生命周期与 data / methods 同级别以函数方式使用，比如 created() {}

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

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

import { omMounted } from 'vue'

setup() {
    onMounted(() => { ... })
}