vue生命周期
image.png
| Name | Academy |
|---|---|
| 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结构依然存在 |
网友评论