Vue的生命周期

先放官网示意图：

---

主要阶段：

    挂载（初始化相关属性），只执行一次：

        （1）beforeCreate    实例组件刚创建，元素DOM和数据都还没有初始化

        （2）created    数据初始化已经完成，数据data初始化完成，methods方法以及可以使用，一般在这个函数中调用函数（页面加载完毕后就需要显示在页面上的数据请求）

        （3）beforeMount    数据初始化完成，DOM未完成挂载，数据的双向绑定显示{{}}，因为Vue采用了Virtual DOM（虚拟Dom）技术。

        （4）mounted    DOM完成挂载，占位的数据的值已经渲染。适合执行初始化需要操作DOM的方法。

    更新（元素或组件的变更操作），执行多次：

        （1）beforUpdate    data 中的数据即将被更新, 此时页面数据还是原来的数据

        （2）updated    data 中的数据已经更新完毕, 页面数据已经更新完成

    销毁（销毁相关属性），只执行一次：

        （1）beforDestroy    vue 实例即将销毁, 此时 data 中的数据和 methods 中的方法依然处于可用状态

        （2）destroyed    vue 实例已经销毁, 此时 data 中的数据和 methods 中的方法已经不可用