当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vue生命周期的理解

vue生命周期的理解

2019年10月23日  | 移动技术网IT编程  | 我要评论
vue生命周期 1.面试官通常会问请详细的说下vue生命周期的理解 答:vue的生命周期分为8个阶段这八个阶段主要分别如下 创建前后:beforeCreated和Created beforeCreated(创建前):vue实例挂载元素$el和数据对象data都为undefined,还未初始化 Cre ...

vue生命周期

 1.面试官通常会问请详细的说下vue生命周期的理解

答:vue的生命周期分为8个阶段这八个阶段主要分别如下

创建前后:beforecreated和created

beforecreated(创建前):vue实例挂载元素$el和数据对象data都为undefined,还未初始化

created(创建后):vue实例数据data有了,$el还没有

载入前后beforemounted和mounted

载入前(beforemounted):vue实例的$el和data都初始化了,但还是挂载之前的虚拟dom节点,data.message还未替换

载入后(mounted):vue实例挂载完成,data.message成功渲染

更新前后:beforeupdate和update

更新前后(beforeupdate/update):当data变化时,会触发beforeupdate和update方法

销毁前后(destroy)

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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网