vue created 生命周期

Vue 的 created 生命周期发生在实例被创建之后，即在实例的数据观测（data observer）和事件配置（event/watcher setup）之后。在这个阶段，组件实例已经完成以下的配置：数据观测（data observer）、属性和方法的运算、watch/event 事件回调。但是挂载阶段还没开始，$el 属性目前为 undefined。

相关问题

vue created生命周期

Vue的created生命周期是在Vue实例被创建之后立即调用的钩子函数。在这个阶段，Vue实例已经完成了数据的观测、属性的计算、事件的监听等初始化操作，但是尚未挂载到DOM上。

在created生命周期中，你可以进行一些初始化的操作，例如获取数据、进行异步操作、初始化计时器等等。此时，Vue实例中的data和methods已经可以访问，但是还没有挂载到DOM上，所以无法访问到DOM元素。

vue2生命周期 vue3生命周期

Vue2的生命周期钩子函数包括：

1. beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。
2. created：在实例创建完成后被立即调用，在这一步，实例已经完成以下配置：数据观测(data observer)、属性和方法的运算、watch/event 事件回调。
3. beforeMount：在挂载开始之前被调用，相关的 render 函数首次被调用。
4. mounted：实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。
5. beforeUpdate：数据更新之前调用，发生在虚拟 DOM 重新渲染和打补丁之前。
6. updated：由于数据更改导致的虚拟 DOM 重新渲染和打补丁完成时调用。
7. beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。
8. destroyed：实例销毁后调用，清理工作应该在这里进行。

Vue3的生命周期钩子函数进行了一些变化：

1. beforeCreate 和 created 保持不变。
2. beforeMount 和 mounted 保持不变。
3. beforeUpdate 和 updated 保持不变。
4. beforeUnmount：在卸载组件之前调用，可以在这里进行一些清理工作。
5. unmounted：组件卸载后调用。

需要注意的是，Vue3引入了新的 Composition API，可以使用 setup 函数来代替之前的生命周期钩子函数。在 setup 函数中，可以使用 onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted 等函数来处理相应的逻辑。这种方式更加灵活和易用。