首页 > 其他 > 详细

Vue生命周期

时间:2018-04-13 15:54:55      阅读:178      评论:0      收藏:0      [点我收藏+]
beforeCreate --- created --- beforeMount --- mounted --- beforeUpdate --- updated --- beforeDestroy --- destroyed

  总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。

  创建前/后: 在beforeCreated阶段,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有。

  载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。在mounted阶段,vue实例挂载完成,data.message成功渲染。

  更新前/后:当data变化时,会触发beforeUpdate和updated方法。

  销毁前/后:在执行destroy方法后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但是dom结构依然存在

Vue生命周期

原文:https://www.cnblogs.com/qiuchuanji/p/8820533.html

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