vue 生命周期

　　创建阶段的生命周期方法

第一个生命周期

beforeCreate：

在调用 beforeCreate 的时候，仅仅表示vue实例刚刚被创建出来

此时此刻还没有初始化好vue实例中的数据和方法，所以此时此刻还不能访问vue实例中保存的数据和方法

 

第二个生命周期

created:

在调用created的时候，是我们最早能够访问vue实例中保存的数据和方法

 

 

　　　载入阶段的生命周期的方法

第一个生命周期

beforeMount：

在调用 beforeMount 的时候，表示vue已经编译好了最终模板，但是还没有将最终的模板渲染到页面上

 

第二1个生命周期

mounted：

在调用 mounted 的时候，表示vue已经完成模板的渲染，表示我们已经可以拿到界面上渲染之后的内容了

 

 

　　运行阶段的生命周期方法

第一个生命周期：

beforeUpdate:

在调用beforeUpdate的时候，表示vue实例中保存的数据被修改了

注意点：只有保存的数据被修改了才会调用beforeUpdate，否则不会调用

注意点：在调用beforeUpdate的时候，数据已经更新了，但是页面还没有更新

 

第二个生命周期：

update：

在调用update的时候，表示vue实例中保存的数据被修改了，并且页面也同步修改了数据

也就是说：数据和页面都都同步和更新之后就会调用update

 

 

　　　　销毁阶段的生命周期方法

beforeDestroy:

在调用 beforeDeatroy的时候，表示当前组件即将被销毁

注意点：只要不被销毁，那么beforeDeatroy就不会调用

beforeDeatroy函数是我们最后能够访问到组件数据和方法的函数

 

destroyed：

在调用destroyed的时候，表示当前组件已经被销毁了

注意点：只要组件不被销毁，那么destroyed就不会调用

不要在这个生命周期方法中再去操作组件中数据和方法

 

 

 

1、beforeCreate（创建前）

2、created（创建后）

3、beforeMount（载入前）

4、mounted（载入后）

5、beforeUpdate（更新前）

6、updated（更新后）

7、beforeDestroy（销毁前）

8、destroyed（销毁后）