Vue--vue中的生命周期

Vue的生命周期: 

在理解vue生命周期前要把握它的三个重点: 创建-> 改变 -> 销毁

创建:

               1.执行beforeCreate

     2.监控data

     3.注册事件

               4.执行create

               5.执行beforeMount

               6.执行Mounted

  注意:将来执行异步请求时一定要  将请求数据的方法写在beforeCreate事件之外,否则的话将来得到数据以后无法操作data中的属性         

改变:

    改变data中的数据:

      1.先执行beforUpdate 

      2.重新生成虚拟dom

      3.再执行update

 

销毁:

     1.执行beforeDestroy

   2.执行destroy

          触发销毁条件: 从一个页面跳转到另一个页面

   应用: 清除内存中的这个vue对象

Vue--vue中的生命周期_第1张图片

 

一.创建Vue时执行的钩子函数

 1 
 2 
 3 
 4 
 5 
 6 
 7 Document   
 8 
 9 
10 
11 
12 
13 
14 
15 16
17 18 19 20 54

二.更新数据时执行的钩子函数

 1 
 2 
 3 
 4 
 5 
 6 
 7 Document   
 8 
 9 
10 
11 
12 
13 
14 
15 {{name}} 16
17 18 19 20 56

转载于:https://www.cnblogs.com/TigerZhang-home/p/8962177.html

你可能感兴趣的:(javascript)