欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue中的生命周期解析

程序员文章站 2022-05-25 19:58:44
vue中的生命周期 在new vue()实例对象的时候 表示初始化了一个新的生命周期 1:在beforecreate的时候 表示data,methods的数据都还没初始化好 2:在created的...

vue中的生命周期

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已经完全被销毁了,所有的数据,方法,指令,过滤器已经都不可以用了