Vue3 生命周期钩子函数详解 - 从 beforeCreate 到 unmounted

在 Vue3 中，生命周期钩子函数的名称和顺序发生了变化，具体的生命周期钩子函数如下：

1. 'beforeCreate'：在实例初始化之后，数据观测和事件配置之前被调用。

2. 'created'：在实例创建完成之后被调用，此时实例已完成数据观测、属性和方法的运算，但尚未挂载到页面上。

3. 'beforeMount'：在挂载开始之前被调用，即将开始编译模板并将其插入到页面中。

4. 'mounted'：在挂载完成之后被调用，此时已经将实例挂载到页面上，并完成了模板的编译。

5. 'beforeUpdate'：在更新开始之前被调用，即将重新渲染虚拟 DOM。

6. 'updated'：在更新完成之后被调用，此时组件已经更新完毕，DOM 也已经更新。

7. 'beforeUnmount'：在实例销毁之前被调用，此时实例仍然完全可用。

8. 'unmounted'：在实例销毁之后被调用，此时组件已经被销毁，DOM 也已经被卸载。