Vue3的生命周期钩子有哪些变化？

专注前端30年2025-12-28 18:23

文章目录

    • 一、Vue3生命周期钩子核心变化
      • [1.1 创建阶段：setup 替代 beforeCreate/created](#1.1 创建阶段：setup 替代 beforeCreate/created)
      • [1.2 卸载阶段：命名优化（语义化升级）](#1.2 卸载阶段：命名优化（语义化升级）)
      • [1.3 组合式API钩子：函数式引入，支持Tree-shaking](#1.3 组合式API钩子：函数式引入，支持Tree-shaking)
    • 二、Vue2与Vue3钩子完整对比表
    • 三、两种API钩子用法实战示例
      • [3.1 Options API 用法（兼容Vue2，无侵入）](#3.1 Options API 用法（兼容Vue2，无侵入）)
      • [3.2 Composition API 用法（Vue3推荐，<script setup>）](#3.2 Composition API 用法（Vue3推荐，