vue中常用的生命周期钩子函数

vue的生命周期分为8个阶段，创建前/后，载入前/后，更新前/后，销毁前/后。

第一次页面加载需要beforeCreate,created,beforeMount,mounted四个钩子函数。

beforeCreate---创建前

组件实例被创建，组件属性计算之前，数据对象data都为undefined，未初始化。

created---创建后

组件实例创建完成，属性已经绑定数据对象data已存在，但DOM未生成，$el未存在。

beforeMount---挂载前

vue实例的$el和data都已初始化，挂载之前为虚拟的dom节点，data.message未替换。

mounted---挂载后

vue实例挂载完成，data.message替换，ajax请求等一系列操作。

beforeUpdate---更新前

当data发生变化，会触发此方法。

updated---更新后

当data发生变化，会触发此方法。

beforeDestory--销毁前

组件销毁前调用。

destoryed---销毁后

组件销毁后调用，对data的改变不会再触发周期函数，vue实例已解除事件监听和dom绑定，但dom结构依然存在。