vue生命周期钩子函数

vue生命周期钩子函数

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

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

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

mounted-----挂载后：vue实例挂载完成，data.message成功渲染。

beforeUpdate----更新前：当data变化时，会触发beforeUpdate方法。

updated----更新后：当data变化时，会触发updated方法。

beforeDestory—销毁前：组件销毁之前调用。

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