vue3页面生命周期

在Vue3中，页面的生命周期函数与Vue2基本保持一致，只是在命名上有一些变化。在Vue3中，我们不再使用"销毁"这个词，而是使用"卸载"来描述组件被移除的过程。此外，Vue3还引入了组合式API和选项式API两种写法。

在选项式API中，Vue3的页面生命周期函数包括：
- beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。
- created：在实例创建完成后被调用，此时实例已经完成了数据观测和事件配置。
- beforeMount：在挂载开始之前被调用，此时模板编译已经完成，但是还未将模板渲染到页面中。
- mounted：在挂载完成后被调用，此时模板已经渲染到页面中。
- beforeUpdate：在数据更新之前被调用，发生在虚拟DOM重新渲染和打补丁之前。
- updated：在数据更新之后被调用，发生在虚拟DOM重新渲染和打补丁之后。
- beforeUnmount：在卸载开始之前被调用，此时组件实例仍然完全可用。
- unmounted：在卸载完成后被调用，此时组件实例已经被销毁，不再可用。

需要注意的是，在Vue3中，beforeDestroy和destroyed这两个生命周期函数被分别改为了beforeUnmount和unmounted。这是为了更准确地描述组件被卸载的过程。

除了选项式API，Vue3还引入了组合式API，它提供了一种更灵活和可组合的方式来编写组件逻辑。在组合式API中，页面的生命周期函数可以通过使用特定的函数来实现，例如`onBeforeMount`、`onMounted`、`onBeforeUpdate`、`onUpdated`、`onBeforeUnmount`和`onUnmounted`等。

总的来说，Vue3的页面生命周期函数与Vue2基本保持一致，只是在命名上有一些变化，并且引入了组合式API来提供更灵活的编写方式。