当前位置： 移动技术网 > IT编程>网页制作>CSS > vue中的生命周期解析

vue中的生命周期解析

2019年01月09日  | 移动技术网IT编程  | 我要评论

vue中的生命周期

在这里插入图片描述

在new vue()实例对象的时候 表示初始化了一个新的生命周期

1：在beforecreate的时候 表示data，methods的数据都还没初始化好
2：在created的时候 表示data，methods的数据已经初始化生成好了
3：在beforemount的时候，模板已经编译好了，但是数据还是旧的，未挂到页面上去
4：在mounted的时候，表示数据已经渲染到了页面上去了
5：在beforeupdate的时候，表示数据更新但是新的数据还未渲染到页面上的时候，页面还是旧的，但是data的数据是新的
6：在updated的时候，表示已经是最新的数据了，也已经渲染到页面上去了
7：在beforedestroy的时候，表示vue已经从运行阶段到销毁阶段了，但是这个时候并为真正的销毁
8：在destoryed的时候，表示vue已经完全被销毁了，所有的数据，方法，指令，过滤器已经都不可以用了

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网