生命周期就是 vue实例的创 到销毁的过程:
开始创建,初始化数据,编译模板,挂载dom,渲染 更新 渲染、预卸销毁。
export default{
//数据:
prop:[],
data(){}
computed:(计算)
fifler:
//组件:
components:{}
//渲染周期
beforeCreate(){}监控data数据变化
created(){}
data+模板生成html
beforeMount(){}此时mounted还没有挂载到html上,reader混数首次被调用,
mounted(){}挂载完成,模板html已经渲染到html中 ,可以ajax 操作,仅仅执行一次。
beforeUpdate(){} 数据跟新之前调用,发送在虚拟dom和打补丁之后调用。不触发渲染过程;
update(){}由于数据跟新导致dom重新渲染和打补丁之后,调用时组件的dom已经更新 ;
watch:{}监控;
methods:{}//调用就执行,实时监控数据变化随时更新Dom;
}
beforeDestroy:{} 销毁前执调用,扔可以用;
destroy:{}//vue 所有实例销毁,所有的监控时间都被移除。