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

请详细说下你对vue生命周期的理解?

时间:2019-08-01 16:02:50      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:def   更新   created   remount   data   code   数据对象   数据   函数   

主要有四个阶段:创建前/后,DOM渲染前/后,更新前/后,销毁前/后。

对于各个周期的理解: 
创建前/后: 
beforeCreated:此时的vue实例还没有挂载元素$el,数据对象data也是undefiend; (没有$el, 没有data)
created:vue实例的数据对象data有了,但是$el还没有 (没有$el, 已有data)
载入前/后: 
beforeMount:vue的实例的$el和data都初始化了,但还是挂载在之前虚拟的DOM节点上面,data.message还未替换 
mounted :vue实例挂载完成,data.message成功渲染。 
更新前/后 
在data发生变化的时候,会触发beforeUpdate和updated方法。 
销毁前/后: 
在destiory之后,对data的改变不会再触发周期函数,说明此时vue实例已经解除了事件监听以及和dom的绑定,但dom依在
 

请详细说下你对vue生命周期的理解?

标签:def   更新   created   remount   data   code   数据对象   数据   函数   

原文地址:https://www.cnblogs.com/sunww/p/11282985.html

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