vue生命周期

一、什么是vue的生命周期

Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模、Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

二、生命周期钩子函数

Vue 的生命周期总共分为4大阶段8个钩子函数，即：

创建阶段：beforeCreate 创建前        created 创建后

挂载阶段：beforeMount 挂载前        mounted 挂载后

更新阶段： beforeUpdate 更新前        updated 更新后 

销毁阶段： beforeDestory 销毁前        destoryed 销毁后 

三、各阶段详解  

1、beforeCreate 创建前

创建前 有this,没有data,methods,dom结点

2、created 创建后

数据对象 data 已存在，可以调用 methods 中的方法，操作 data 中的数据，但 dom 未生成，$el 未存在 。

3、beforeMount 挂载前

vue 实例的 $el 和 data 都已初始化，挂载之前为虚拟的 dom节点，模板已经在内存中编辑完成了，但是尚未把模板渲染到页面中

4、mounted 挂载后

vue 实例挂载完成，内存中的模板，已经真实的挂载到了页面中，用户已经可以看到渲染好的页面了。实例创建期间的最后一个生命周期函数，当执行完 mounted 就表示，实例已经被完全创建好了，DOM 渲染在 moun