- 创建前/后
在beforeCreate阶段， Vue 实例挂载元素$el和数据对象$data都为undefined，还没初始化；在created阶段，Vue 实例的数据对象$data有了，但$el还没有。 - 载入前/后
在beforeMount阶段， Vue 实例的$el和$data都初始化，但挂载之前为虚拟DOM的节点，data.message还没替换；在mounted阶段，Vue 实例挂载完成，data.message成功渲染。 - 更新前/后
当$data变化时，会触发beforeUpdate和updated方法 - 销毁前/后
在执行destroy方法，对$data的改变不会再触发周期函数，说明此时 Vue 实例已经解除了事件监听以及和 DOM 的绑定，但是 DOM 结构依然存在。
生命周期（常用）
created 和 mounted 相关
-
beforeCreate：$el和$data并未初始化； -
created：完成了$data初始化，$el没有； -
beforeMount：完成了$el和$data的初始化； -
mounted：完成了挂载。
updated 相关
$data 里的值被修改后，将会触发 updated 的操作。
Vue 生命周期的作用是什么？
Vue 生命周期中有许多个钩子，更好地控制整 Vue 实例的过程，形成好的逻辑。
btw DOM 渲染在 mounted 中就已经完成了。
