Vue生命周期

在 Vue 3 中，生命周期钩子函数有所改变。以下是 Vue 3 中的生命周期钩子函数：

beforeCreate：在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。

created：在实例创建完成后被立即调用。在这一步,实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。但是,挂载阶段还没开始, $el 属性目前不可见。

beforeMount：在挂载开始之前被调用。

mounted：在实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。

beforeUpdate：在数据更新之前被调用，发生在虚拟 DOM 重新渲染和打补丁之前。可以在该钩子中进一步地更改状态，不会触发附加的重渲染过程。

updated：在数据更改导致的虚拟 DOM 重新渲染和打补丁之后调用。

beforeUnmount ：在卸载之前调用。

unmounted：在实例被卸载后调用。

注意，Vue 3 中废弃了之前版本中的 beforeDestroy 和 destroyed 钩子函数，取而代之的是 beforeUnmount 和 unmounted。