vue3和vue2的生命周期对比

Vue 3 和 Vue 2 的生命周期有一些变化和优化。下面是它们的对比：

1. 创建阶段：
- Vue 2：beforeCreate -> created
- Vue 3：beforeCreate -> onBeforeMount -> created -> onMounted

2. 更新阶段：
- Vue 2：beforeUpdate -> updated
- Vue 3：beforeUpdate -> onBeforeUpdate -> updated -> onUpdated

3. 销毁阶段：
- Vue 2：beforeDestroy -> destroyed
- Vue 3：onBeforeUnmount -> beforeUnmount -> onUnmounted

4. 新增的阶段：
- Vue 3 引入了两个新的生命周期钩子函数：
- onBeforeMount: 在挂载之前调用，类似于 Vue 2 的 beforeMount。
- onBeforeUpdate: 在更新之前调用，类似于 Vue 2 的 beforeUpdate。

5. 移除的阶段：
- Vue 3 移除了 beforeMount 和 beforeUpdate 这两个生命周期钩子函数，将它们替换为了新增的钩子函数。

总体上，Vue 3 的生命周期相对于 Vue 2 更加细致和灵活，提供了更多的钩子函数来处理不同的场景。这些变化使得开发者能够更好地控制组件的生命周期，提高了代码的可读性和可维护性。