生命周期是什么
Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载等一系列过程,我们称这是Vue的生命周期。
各个生命周期的作用
beforeCreate:
初始化未完成!Data中的数据methods中的方法还没有挂载到实例上
一般用于页面的重定向,
created,
数据初始化已完成,它是第一个可以操作data中的数据和methods方法的生命周期
beforeMount:
虚拟DOM挂载之前,页面元素还没有更新
Mount:初始化已完成,它是第一个可以操作DOM元素的生命周期
beforeUpdate:执行0次到多次:页面中的元素不是最新的,但是里面的data是最新的
Updated:页面已经更新,数据是最新的
beforeDestroy:清楚数据:清空定时器和页面监听
Destroyed:页面已经销毁
生命周期理解
我们可以把组件比喻成工厂里面的一条流水线,每个工人(生命周期)站在各自的岗位,当任务流转到工人身边的时候,工人就开始工作