vue3生命周期函数

Vue 3中的生命周期函数有以下几个：

1. beforeCreate：在实例初始化之前被调用。此时data和methods还未初始化。

2. created：在实例创建完成后被调用。此时data和methods已经初始化，可以进行数据的操作。

3. beforeMount：在挂载之前被调用。此时模板编译已完成，但尚未将组件挂载到DOM中。

4. mounted：在挂载完成后被调用。此时组件已经被挂载到DOM中，可以进行DOM操作。

5. beforeUpdate：在数据更新之前被调用。在此钩子函数中，可以访问到更新之前的DOM状态。

6. updated：在数据更新完成后被调用。此时DOM已经更新完毕。

7. beforeUnmount：在组件卸载之前被调用。

8. unmounted：在组件卸载完成后被调用。

9. errorCaptured：在捕获一个来自子孙组件的错误时被调用。

需要注意的是，Vue 3中去掉了一些生命周期函数，如beforeDestroy和destroyed，取而代之的是beforeUnmount和unmounted。此外，Vue 3还引入了新的生命周期函数onRenderTracked和onRenderTriggered，用于追踪渲染过程中的依赖和副作用。