vue3 页面生命周期

Vue 3 的页面生命周期与 Vue 2 有一些变化。在 Vue 3 中，页面生命周期被重命名为组件生命周期，以下是 Vue 3 中的组件生命周期钩子函数：

1. `beforeCreate`: 在实例初始化之前被调用，此时还无法访问到实例的 data 和 methods。2. `created`: 在实例创建完成后被调用，此时可以访问到实例的 data 和 methods。3. `beforeMount`: 在组件挂载到 DOM 之前被调用。
4. `mounted`: 在组件挂载到 DOM 之后被调用，此时可以访问到组件渲染后的 DOM。
5. `beforeUpdate`: 在组件更新之前被调用，发生在数据更新时。
6. `updated`: 在组件更新之后被调用，发生在数据更新之后重新渲染 DOM 后。
7. `beforeUnmount`: 在组件卸载之前被调用。
8. `unmounted`: 在组件卸载之后被调用。

需要注意的是，Vue 3 移除了一些 Vue 2 中的生命周期钩子函数，例如 `beforeDestroy` 和 `destroyed`。如果需要在组件销毁时执行一些操作，可以使用 `beforeUnmount` 和 `unmounted` 钩子函数来代替。

另外，Vue 3 引入了 Composition API，它提供了一种新的组织组件逻辑的方式。在使用 Composition API 时，可以使用 `setup` 函数来替代传统的生命周期钩子函数。`setup` 函数会在组件实例化之前被调用，可以在其中定义组件的响应式数据、计算属性、方法等。