首页 > 其他 > 详细

vue生命周期钩子小记

时间:2018-08-01 12:41:59      阅读:194      评论:0      收藏:0      [点我收藏+]

 

beforeCreate: 实例刚被创建,属性还没有被计算,如data属性,el属性

技术分享图片

结果:

技术分享图片

created: 实例创建完成,data属性已经绑定,但是DOM还未生成,$el属性还不存在

技术分享图片

结果:

技术分享图片

beforeMount: 模板编译,挂载之前(此处还不是很理解),$el属性已经存在

技术分享图片

结果:

技术分享图片

mounted:  模板编译,挂载之后(我的理解为DOM生成完成,没有其它体会)

beforeUpdate: 数据更新之前,注:这个钩子触发时候数据已经更新了,并且只有当更新的数据绑定在DOM时候才会触发beforeUpdate和updated方法。

技术分享图片

结果:当dom上没有绑定2对应的属性值时候,再触发改变这个值的事件,beforUpdate和updated事件都不会触发

技术分享图片

updated: 数据更新之后,注意同上

beforeDestory: 组件销毁前调用

destroy: 组件销毁后调用

vue生命周期钩子小记

原文:https://www.cnblogs.com/cyclzdblog/p/9400374.html

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