码迷,mamicode.com
首页 > 其他好文 > 详细

vue生命周期钩子小记

时间:2018-08-01 14:07:49      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:src   挂载   strong   image   钩子   方法   生成   vue   info   

 

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

技术分享图片

结果:

技术分享图片

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

技术分享图片

结果:

技术分享图片

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

技术分享图片

结果:

技术分享图片

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

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

技术分享图片

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

技术分享图片

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

beforeDestory: 组件销毁前调用

destroy: 组件销毁后调用

vue生命周期钩子小记

标签:src   挂载   strong   image   钩子   方法   生成   vue   info   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!