1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Web前端学习笔记:Vue生命周期理解

Web前端学习笔记:Vue生命周期理解

时间:2019-08-26 01:54:21

相关推荐

Web前端学习笔记:Vue生命周期理解

一、感谢原创博主

示例代码出处====vue2.0 探索之路——生命周期和钩子函数的一些理解

官方文档

二、生命周期简单描述

总共分为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结构依然存在

我发现再怎么写也和上博主的差不多,上博主写的很好很详细了,新手多看几遍,再际动手跟踪给出的示例代码,应该就可以理解了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。