vue的生命周期函数

创建前 / 后(beforeCreate / created)：1.在beforeCreated阶段，vue实例的挂载元素$el和数据对象data都为undefined，还未初始化。2.在created阶段，vue实例的数据对象data有了，$el还没有。

载入前 / 后(beforeMount / mounted)：1.在beforeMount阶段，vue实例的$el和data都初始化了，但是挂载之前为虚拟的dom节点，data.message还未替换。2.在mounted阶段，vue实例挂载完成，data.message成功渲染。

更新前 / 后(beforeUpdate / updated)：当data变化时，会触发beforeUpdate和updated方法。

销毁前 / 后(beforeDestroy / destroyed)：在执行destroyed方法后，对data的改变不会再触发周期函数，说明此时vue实例已经解除了事件监听以及和dom的绑定，但是dom结构依然存在。

最后附上一张官网的图