vue生命周期

 

生命周期就是 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 所有实例销毁,所有的监控时间都被移除。

 

posted @ 2018-05-27 17:59  Y.anCy  阅读(162)  评论(0编辑  收藏  举报