Vue3：组件的生命周期函数

这一篇博客是结合官网完档和书籍后整理的，会很简单，可能对很对朋友都没有任何的帮助，这只是我对自己的学习vue这个技术栈的笔记。

onMounted

注册一个会调用函数，在组件挂载完成后执行。

那么vue组件在什么情况下，算是已经挂载了呢？

1. 所有同步的子组件都已经被挂载；
2. 自身的DOM树已经创建完成并且插入父容器中。

这个时候，组件算是挂载完成，就可以在这个生命周期函数中执行其他的逻辑了。

onUpdated()

在组件DOM更新后调用，导致组件更新的原因是组件相关的状态变更，所以不要在onUpdated函数中更改组件状态，否则会引起组件无限循环更新。

其他生命周期函数：

1. onBeforeUpdate()，在组件更新自身DOM之前调用
2. onUnmounted()，组件卸载后调用。
3. onBeforeUnmount()，在组件卸载之前调用。
4. onBeforeMount()，组件卸载之前调用。
5. onErrorCaptured()，在捕获后代组件传递的错误时调用。错误可以从这个来源中捕获：组件渲染、事件处理器、生命周期函数、setup函数、侦听器、自定义指令钩子和过渡钩子
6. onActivated()，如果组件是缓存树中的一部分，当组件插到DOM的时候被调用。属于缓存实例的生命周期函数。
7. onDeactivated()，如果组件是缓存树中的一部分，当组件从DOM中移除的时候调用。

这是vue组件的基本生命周期函数，在封装组价的时候，根据自己的需要，在对应的生命周期函数中