vue生命周期

1.组件运行的过程

组件的生命周期指的是：组件从创建 -> 运行(渲染) -> 销毁的整个过程，强调的是一个时间段。

2.如何监听组件的不同时刻

VUE框架 为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。例如：
① 当组件在内存中被创建完毕之后，会自动调用 created函数
② 当组件被成功的渲染到页面上之后，会自动调用 mounted函数
③ 当组件 被销毁完毕之后，会自动调用 unmounted 函数

3.如何监听组件的更新

当组件的 data 数据更新 之后， vue 会自动重新渲染组件 的 DOM 结构，从而保证 View 视图 展示的数据和 Model 数据源 保持一致。
当组件被 重新渲染完毕 之后，会自动调用 updated 生命周期函数。

4.组件中全部的生命周期函数

生命周期函数	执行时机	所属阶段	执行次数	应用场景
beforeCreated	在内存中开始创建组件之前	创建阶段	唯一1次	-
created	组件在内存中创建完毕后	创建阶段	唯一1次	发ajax请求初始数据
beforeMounted	再把组件初次渲染到页面之前	创建阶段	唯一1次	-
mounted	组件初次在页面中渲染完毕后	创建阶段	唯一1次	操作DOM元素
beforeUpdated	在组件被重新渲染之前	运行阶段	0 或 多次	-
updated	组件在页面中被重新渲染完毕后	运行阶段	0 或 多次	-
beforeUnmounted	在组件被销毁之前	销毁阶段	唯一1次	-
unmounted	组件被销毁后（页面和内存）	销毁阶段	唯一1次	-

注意：实际开发中，created是最常用的生命周期函数。

点击查看官方文档图示：