vue学习笔记(6)：生命周期

1.

生命周期

2.beforeCreate

在beforeCreate生命周期函数执行的时候，data和methods中的数据还没有初始化

3.created

在created中，data和methods都已经被初始化好了，如果要调用methods中的方法，或者操作data中的数据，最早只能在created中操作

4.beforeMount

表示末班已经在内存中编译完成，但是尚未把模板渲染到页面中，在beforeMount执行的时候，页面中的元素，还没有被真正替换过来，只是之前写的一些模板字符串

5.mounted

表示内存中的模板，已经真实地挂载到了页面中，用户已经可以看到渲染好的页面

//注意：mounted是实例创建期间的最后一个生命周期函数，当执行完mounted就表示，实例已经被完全创建好了，此时，如果没有其他操作的话，这个实例就静静地躺在内存中，一动不动

如果要通过某些插件操作页面上的DOM节点，最早要在mounted中进行

只要执行完了mounted，就表示整个vue实例已经初始化完毕，此时组件已经脱离了创建阶段，进入到了运行阶段

6.beforeUpdate

这时候表示我们的界面还没有被更新，数据被更新了

当执行beforeUpdate的时候页面中显示的数据，还是旧的，此时 data数据是最新，页面尚未和最新的数据保持同步

7.updated

updated事件执行的时候，页面 和data数据已经保持同步了，都是最新的

8.beforeDestroy

当执行beforeDestroy钩子函数的时候，Vue实例已经从运行阶段，进入到了销毁阶段

当执行beforeDestroy的时候，实例身上所有的data和所有的methods以及过滤器，指令......都处于可用状态，还没有真正的执行销毁过程

8.destroyed

当执行到destroyed函数的时候，组件已经被完全销毁了，此时，组件中的所有数据，方法，指令，过滤器......都已经不可用了