beforeCreate 创建之前 是指Vue组件实例对象被创建之前(能拿到数据 拿不到DOM节点
created 创建之后 是指Vue组件实例对象(虚拟DOM对象)被创建之后(能拿到值,可以初始化数据,因为是undefind,能赋值但是会报错)如果要处理数据,可以在created生命周期处理
beforMount 挂载之前 是指Vue组件(虚拟DOM节点)挂载到DOM树上,不能拿到dom节点
mounted挂载之后【可使用dom节点:主要是用来做可视化节点(D3.js、highChart.js、ht.js)】,经典应用场景:echarts初始化挂载之后能拿到dom节点:
(因为是挂载之后,有一点性能问题,每次初始化会导致触发生命周期(数据二次触发),解决方法:把初始化写到created里面 dom节点处理放在mounted里面)
beforeUpdate 更新生命周期:2条件:1、必须是数据在完成初始化之后的数据更新数据2、更新的数据必须与虚拟dom(VDom)有关系进行绑定
在编辑页面可以使用这个生命周期来监听数据变化,如果有变化,在页面没有进行保存之前离开,可以提示用户,提高系统可用性
update更新之后
beforeDestroy销毁之前: 因为在销毁之前可以获取到虚拟节点,可以进行事件解绑,echarts销毁,定时器销毁 能获取到data中定义的数据 不能获取到dom节点
destroyed销毁之后:不能获取到data中定义的数据 不能获取到dom节点