尚硅谷vue - 9 生命周期

1. 基本流程

1. beforecreate
初始化生命周期,事件,但是还未发生数据代理
此时无法访问vm中的data数据,和methods中的方法
2. created
初始化,数据监测,数据代理
可以访问vm中的data数据,和methods中的方法
3. vue开始解析模板,生成虚拟dom,此时页面还不能显示解析好的内容
4. beforemount
页面显示的是未经vue编译的dom结构,此时所有对dom的操作都不会生效
5. 将内存中的虚拟dom转为真实dom插入页面
6. mounted
页面呈现经过vue编译的dom,至此初始化过程结束

7. beforeupdate
此时数据是新的,但是页面的数据还未来得及更新
8. updated
页面的数据也被更新,

9. beforedestroy,destroyed


尚硅谷vue - 9 生命周期

 


 尚硅谷vue - 9 生命周期

 

 

 

 

 

 

上一篇:Build your own React


下一篇:移动端页面适配