【Vue】Vue 生命周期以及生命周期函数

【生命周期】 一个Vue实例的生命周期包括每个组件从创建 -> 运行 -> 销毁的一个过程，强调的是一个时间段。
【生命周期函数】 在生命周期的不同阶段，会按次序、自动依次执行的函数，叫做生命周期函数。强调的是时间点。

生命周期图示：

【生命周期函数执行次数】

• 创建阶段的函数（beforeCreate \ created \ beforeMount \ mounted）以及销毁阶段的函数（beforeDestroy \ destroyed）在组件的一次实例化调用中只会执行1次。
• 而运行阶段的函数（beforeUpdated \ updated）在组件的一次实例化调用中会执行0~n次，最少0次。运行阶段是指用户和组件之间产生交互的阶段。只要数据不发生变化，就不会执行运行阶段的函数，而最多无上限，数据不断发生变化，就会不断调用运行阶段的函数。

【重要的生命周期函数】

• created: 这个节点所有的data, props, methods已经可用，所以这个节点是请求数据的最早节点，而我们希望越快拿到数据越好，所以一般在这个节点发送Ajax请求数据。
• mounted: 这个节点组件第一次被渲染到浏览器中，是操作DOM的最早节点。
• updated: 这个节点更新的数据已经同步渲染到DOM结构中了，能够操作到最新的 DOM 元素。