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 |