vue 组件的生命周期

Vue组件的生命周期可以分为以下几个阶段：

1. 创建阶段（Creation）：
- beforeCreate：在实例初始化之后，数据观测（data observer）和事件配置（event/watcher setup）之前调用。
- created：完成实例的数据观测和事件配置，但尚未挂载到DOM上。

2. 挂载阶段（Mounting）：
- beforeMount：在挂载开始之前调用，相关的render函数首次被调用。
- mounted：在实例挂载到DOM后调用，此时组件已经被渲染到页面上。

3. 更新阶段（Updating）：
- beforeUpdate：数据更新时，虚拟DOM重新渲染和打补丁之前调用。
- updated：虚拟DOM重新渲染和打补丁之后调用。

4. 销毁阶段（Destruction）：
- beforeDestroy：实例销毁之前调用，此时实例仍然完全可用。
- destroyed：实例销毁后调用，这时候所有的事件监听器都被移除，所有的子实例也被销毁。

另外，还有一些其它的生命周期钩子函数可用于处理错误、动态组件等特殊情况：
- activated：组件被激活时调用（keep-alive组件专属）。
- deactivated：组件被停用时调用（keep-alive组件专属）。
- errorCaptured：捕获子孙组件错误时调用。

请注意，Vue 3版本中的生命周期钩子函数发生了一些改变，具体可参考Vue官方文档。