首页 > 其他 > 详细

vue生命周期

时间:2018-05-27 18:22:17      阅读:195      评论:0      收藏:0      [点我收藏+]

 

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

 

vue生命周期

原文:https://www.cnblogs.com/yancongyang/p/9096755.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!