综合实训
侯素玲

1
2
3
4
5

生命周期

发布时间:2023-10-18 17:22   发布人:侯素玲   浏览次数:168


1.生命周期

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


2.生命周期函数

vue 框架为组件内置了不同时刻的生命周期函数,生命周期函数会伴随着组件的运行而自动调用。例如:

① 当组件在内存中被创建完毕之后,会自动调用 created 函数

② 当组件被成功的渲染到页面上之后,会自动调用mounted 函数

③ 当组件被销毁完毕之后,会自动调用 unmounted 函数

④  当组件的data 数据更新之后,vue 会自动重新渲染组件的 DOM 结构,从而保证View 视图展示的数据

和Model数据源保持一致。当组件被重新渲染完毕之后,会自动调用updated函数。


视频1

了解组件生命周期的概念

3min

视频2

通过生命周期函数监听组件的不同时刻

7min
视频3通过updated监听组件的重新渲染3min
视频4主要的生命周期函数3min
视频5完整的生命周期函数9min


生命周期.png