一个组件从开始创建到最后消亡所经历的各种状态,就是一个组件的生命周期。
生命周期钩子函数的定义:从组件被创建,到组件挂载到页面上运行,再到页面关闭组件被卸载,这三个阶段总是伴随着组件各种各样的事件,这些事件,统称为组件的生命周期函数。
钩子函数:
beforeCreate()—此时,el 和 data 并未初始化
无法获取 data中的数据、methods中的方法。
created()—完成了 data 数据的初始化,el没有
这是一个常用的生命周期,可以调用methods中的方法、改变data中的数据。
beforeMount()—完成了el 和 data 的初始化
mounted()—vue实例已经挂载到页面中,可以获取到el中的DOM元素,进行DOM操作
beforeDestroy()—实例销毁之前调用。在这一步,实例仍然完全可用。
使用场景:实例销毁之前,执行清理任务,比如:清除定时器等
destroyed()—vue实例销毁