对vue生命周期的理解
主要有四个阶段：创建前/后，DOM渲染前/后，更新前/后，销毁前/后。
对于各个周期的理解：
创建前/后：
beforeCreated：此时的vue实例还没有挂载元素
created：vue实例的数据对象data有了，但是
载入前/后：
beforeMount：vue的实例的$el和data都初始化了，但还是挂载在之前虚拟的DOM节点上面，data.message还未替换
mounted :vue实例挂载完成，data.message成功渲染。
更新前/后
在data发生变化的时候，会触发beforeUpdate和updated方法。
销毁前/后：
在destiory之后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但dom依在
创建前/后：
beforeCreated：此时的vue实例还没有挂载元素
$el，数据对象data也是undefiend； (没有$el, 没有data)created：vue实例的数据对象data有了，但是
$el还没有 (没有$el, 已有data)载入前/后：
beforeMount：vue的实例的$el和data都初始化了，但还是挂载在之前虚拟的DOM节点上面，data.message还未替换
mounted :vue实例挂载完成，data.message成功渲染。
更新前/后
在data发生变化的时候，会触发beforeUpdate和updated方法。
销毁前/后：
在destiory之后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但dom依在
