Vue生命周期讲解

首先我们来了解一下什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。
生命周期钩子：就是生命周期事件的别名
生命周期钩子 = 生命周期函数 = 生命周期事件
主要的生命周期函数分类：
        创建期间的生命周期函数：
                beforeCreate：实例初始化后调用，此时实例刚在内存中创建出来，data和methods还没初始化好。
                created：在实例创建完成后被立即同步调用，实例已在内存中创建好，data和methods已初始化好，此时还没开始编译模板。
                beforeMount：在挂载开始之前被调用，已完成模板编译，还没挂载到页面上。
                mounted：实例被挂载后调用，已将编译好的模板挂载到页面指定的容器中显示。

*beforeCreate生命周期函数执行时，data和methods中的数据和方法都还没有初始化

        运行期间的生命周期函数：
                beforeUpdate：状态更新前调用，此时data中的值是最新的，但界面上数据还是旧的，还没开始重新渲染DOM节点。
                updated：实例更新完调用，此时data中的值和界面显示的数据都已更新完成，界面已被重新渲染完成。

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

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

   销毁期间的生命周期函数：               

　　　　  beforeDestroy：实例销毁之前调用。在这一步，实例仍然完全可用。
                destroyed：实例销毁后调用。该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。

   *当执行beforeDestroy钩子函数时，Vue实例就已经从运行阶段进入销毁阶段，此时，组建中所有data、methods、以及过滤器，指令等，都处于可用状态，此时还未真正执行销毁过程
   *当执行destroyed函数时，组件已经被完全销毁，此时组建中所有data、methods、以及过滤器，指令等，都已经不可用了