vue生命周期钩子函数

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结构依然存在。