码迷,mamicode.com
首页 > 其他好文 > 详细

4、VUE生命周期

时间:2019-08-20 10:44:10      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:mil   before   alt   lib   cal   异步执行   created   nts   font   

 

 技术图片

 

 

 

 

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

1、开始:new Vue()

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

      回调函数:beforeCreate

2、Observe Data

       监控模型层的数据

3、Init Events

        初始化事件

        回调函数:created

 

4、验证是否有eltemplate

       回调函数: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对象被彻底的销毁。

 

4、VUE生命周期

标签:mil   before   alt   lib   cal   异步执行   created   nts   font   

原文地址:https://www.cnblogs.com/schangxiang/p/11381389.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!