VUE生命周期

• 生命周期：指一个组件从创建、运行、销毁的整个阶段,总是伴随著各种各样的重件, 这些事件统称为生命周期，强调一个时间段。
• 生命周期函数：vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。
• new Vue()
• 将要创建-创建完毕-将要挂载-挂载完毕-将要更新-更新完毕-将要销毁-销毁完毕

（1）组件创建阶段

• beforeCreate：实例刚在内存中被创建出来，此时组件的props/data/methods尚未被创建，都处于不可用状态。
• created：实例已经在内存中创建，此时props/data/methods已经创建好，都处于可用状态，但是组件的模板结构尚未生成。
• beforeMount：将要把内存中编译好的HTML结构渲染到浏览器中，浏览器中还没有当前组件的DOM结构。此时已经完成了模板的编译，但是还没有挂载到页面中。
• mounted：已经把内存中的HTML结构，成功的渲染到了浏览器之中，浏览器中已然包含了当前组件的DOM结构。此时已经将编译好的模板，挂载到了页面指定的容器中显示。

（2）组件运行阶段

• beforeUpdate：状态更新之前执行此函数，此时data中的状态值是最新的，但是界面上显示的数据还是旧的，因为此时还没有开始重新渲染DOM节点。
• updated：实例更新完毕之后调用此函数，根据最新的数据，重新渲染组件的模板结构。

（3）组件销毁阶段

• beforeDestroy：实例销毁之前调用。将要销毁此组件，此时尚未销毁，组件还处于正常工作的状态。
• destroyed：实例销毁后调用。组件已经被销毁，此组件在浏览器中对应的DOM结构已被完全移除。