vue3生命周期创建

Vue 3 的生命周期经历了重大的重构，新增了 Composition API，它提供了更灵活的方式来组织组件的逻辑。在 Vue 3 中，组件的生命周期主要由几个组合式 API 函数来管理，这些函数可以直接在组件的 `setup` 函数中调用。

以下是一些关键的生命周期钩子：

1. `onBeforeMount`: 在挂载开始之前被调用，相关的 `render` 函数首次被调用。
2. `onMounted`: 组件被挂载后调用，此时组件 DOM 已经被插入到页面中。
3. `onBeforeUpdate`: 数据更新导致 DOM 重新渲染之前调用。
4. `onUpdated`: 数据更新导致 DOM 重新渲染之后调用。
5. `onBeforeUnmount`: 组件实例被卸载前调用，此时实例的所有指令都已经被解绑，所有的事件监听器也都移除了。
6. `onUnmounted`: 组件实例被卸载后调用。

这些生命周期钩子函数可以和 Vue 2 中的生命周期选项一一对应，但在使用上更灵活，因为它们可以作为普通函数被调用，并且可以在 `setup` 函数中根据逻辑需要进行条件判断或组合使用。