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

Vue生命周期

时间:2018-04-13 16:25:44      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:没有   --   绑定   family   dom节点   ESS   事件监听   undefined   microsoft   

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生命周期

标签:没有   --   绑定   family   dom节点   ESS   事件监听   undefined   microsoft   

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

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