vue3的生命周期有哪些

Vue 3 作为 Vue.js 框架的最新主要版本，它对生命周期钩子函数进行了一些改进和优化。在 Vue 3 中，生命周期钩子函数分为两大类：全局生命周期钩子和组件生命周期钩子。

全局生命周期钩子

全局生命周期钩子是在应用实例的生命周期中调用的，包括：

1. onCreated：在应用实例创建完成后被调用。此时，根组件实例已经被创建出来，但是还没有被挂载到 DOM 上。

2. onStarted：在应用实例挂载到 DOM 并完成初始渲染后被调用。此时，应用已经准备好接收用户的交互。

3. onBeforeUpdate：在应用实例的响应式数据发生变化，且在虚拟 DOM 重新渲染和打补丁之前被调用。

4. onUpdated：在虚拟 DOM 重新渲染和打补丁之后被调用。此时，应用的视图已经更新。

5. onBeforeUnmount：在应用实例卸载之前被调用。在这一步，实例仍然完全可用。

6. onUnmounted：在应用实例卸载之后被调用。此时，实例已经不再可用。

7. onActivated：用于 <keep-alive> 组件内的活动状态切换。当组件被激活时调用。

8. onDeactivated：用于 <keep-alive> 组件内的活动状态切换。当组件被停用时调用。

组件生命周期钩子

组件生命周期钩子是在每个组件的生命周期中调用的，包括：

1. setup：在组件的 props 被解析之后，且在组件的任何其它生命周期钩子之前被调用。setup 函数是 Composition API 的入口点。

2. onBeforeMount：在组件被挂载到 DOM 之前被调用。

3. onMounted：在组件被挂载到 DOM 之后被调用。

4. onBeforeUpdate：在组件更新之前被调用。

5. onUpdated：在组件更新之后被调用。

6. onBeforeUnmount：在组件卸载之前被调用。

7. onUnmounted：在组件卸载之后被调用。

8. onActivated：与全局生命周期钩子相同，用于 <keep-alive> 组件内的活动状态切换。

9. onDeactivated：与全局生命周期钩子相同，用于 <keep-alive> 组件内的活动状态切换。

在 Vue 3 中，setup 函数是 Composition API 的核心，它提供了一种新的方式来组织和复用逻辑。setup 函数在组件创建之前执行，是执行生命周期钩子和响应式状态管理的理想位置。

需要注意的是，Vue 3 引入了 Composition API，这为开发者提供了更多的灵活性和组织代码的方式。因此，在使用 Vue 3 开发时，可以根据项目需求和个人偏好选择使用 Options API 或 Composition API。