vue 生命钩子

创建(数据监测和数据代理)

beforeCreate（初始化前）

此时无法通过VM访问到data中的数据，methods中的方法（初始化生命周期和事件，但是数据代理还未开始

created （初始化完成）

此时可以通过VM访问到data中的数据，methods中的方法（数据代理和数据监测已经完成。）

挂载 （将虚拟DOM转成真实DOM放入页面）

beforeMount (挂载前)

解析成虚拟DOM
此时页面呈现的是未经编译的DOM结构，所有对DOM操作的最终都不奏效

mounted（挂载完成）

已经虚拟DOM转为真实DOM插入页面
此时页面呈现的是已经编译的DOM结构，所有对DOM操作的都奏效（尽可能避免）
至此初始化结束

更新（data数据发生变化时）

beforeUpdate (更新前)

此时数据已经更新，但是页面还未更新

updated (更新完成)

此时数据是新的，页面也是新的，即数据和页面同步

销毁

beforeDestroy (销毁前)

此时VM中所有的：data methods 指令等等，都处于可用状态，马上执行销毁过程
一般在此阶段 ：关闭定时器，取消订阅，解除自定义时间等等收尾工作

destroyed (销毁完成)

完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及自定义事件监听器。(原生DOM事件还可以触发)