【前端 15】Vue生命周期

Vue生命周期

在Vue.js中，了解组件的生命周期对于开发者来说是至关重要的。Vue的生命周期指的是Vue实例从创建到销毁的一系列过程，每个阶段都对应着特定的生命周期钩子（或称为生命周期方法），允许我们在不同的时间点加入自己的代码逻辑。下面我们将详细探讨Vue的每一个生命周期阶段。

1. beforeCreate

• 阶段描述：这是Vue实例被初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前的阶段。此时，组件的实例已经创建，但数据还未绑定，el 属性也还未被挂载，因此无法访问到组件的DOM元素，也无法访问到组件的data、computed、methods等属性或方法。
• 使用场景：这个钩子在服务器端渲染期间不被调用，主要用于初始化一些在数据绑定之前就需要进行的操作。

2. created

• 阶段描述：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
• 使用场景：通常用于调用API获取数据，进行数据的初步处理，或者调用一些不依赖于DOM的初始化操作。

3. b