下面是分步骤解释vue生命周期

1、开始:new Vue()

创建vue对象过程还是比较繁琐的,所以创建vue对象是异步执行的。

回调函数:beforeCreate

2、Observe Data

监控模型层的数据

3、Init Events

初始化事件

回调函数:created

4、验证是否有el和template

回调函数:beforeMount

5、Create vm.$el and replace el with it

创建vue对象里的属性和方法

回调函数:mountend

6、Mounted    

初始化工作结束后,进入工作状态,我们看到他在监控视图层,监控模型层,数据变化要对应的变化,所以这是一个循环的。

回调函数:beforeUpdate 和updated

销毁时机:调用函数vm.$destroy

回调函数:beforeDestroy

7、Teardown watchers,child components and event listeners

销毁时,不再监控

8、Destroyed

回调函数:destroyed

此时vue对象被彻底的销毁。

最新文章

  1. Android,不小心关闭了某个小窗口怎么恢复,方法介绍
  2. LSD-SLAM深入学习(4)-非ROS改造
  3. [转]C#网络编程(同步传输字符串) - Part.2
  4. 【转】SAPI中的IspeechRecoContext(接口)
  5. EXTJS 表单提交
  6. HDU2544最短路(dijkstra)
  7. uva1658 admiral
  8. 在Struts2中使用ValueStack、ActionContext、ServletContext、request、session等 .
  9. android 5.0新特性CardView教程
  10. spice up your desktop
  11. PDO浅谈之php连接mysql
  12. java的hashmap与hashtable说明,简单易理解
  13. php7连接mysql测试代码
  14. 批处理学习之Bat命令——获取当前盘符、当前目录、上级目录
  15. for each...in
  16. spring data jpa 查询自定义字段,转换为自定义实体
  17. 【译】在Flask中使用Celery
  18. 微信定时获取token
  19. centos 安装python3.6
  20. 得到application

热门文章

  1. Odoo甘特图
  2. nginx的 ngx.var ngx.ctx ngx.req
  3. Latex 调整断字,连接符,取消断词/断字
  4. 201871010132——张潇潇《面向对象程序设计JAVA》第二周学习总结
  5. phpcms邮箱smtp配置163企业邮测试可用
  6. 搭建代理服务器时的笔记,request使用笔记
  7. Scrapy笔记02- 完整示例
  8. A 题解————2019.10.16
  9. Salesforce 开发整理(三)权限共享
  10. 安装OpenIMSCore的SIP测试客户端 utcimsclient