Vue 中 created 生命周期钩子用于在组件创建后立即执行,用途包括:执行初始化操作(例如获取数据)、订阅事件,仅在创建时更改组件状态。该钩子在组件创建阶段执行,处于数据初始化和创建实例之间。

Vue 中 created 用法
在 Vue 中,created 是一个生命周期钩子,用于在实例创建完成后立即执行。
用途:
created 钩子主要用于以下目的:
立即学习“前端免费学习笔记(深入)”;
-
执行初始化操作,例如:
- 从服务器获取数据
- 订阅事件
- 设置响应式属性
- 改变组件的状态,但仅在组件创建时执行一次。
生命周期:
created 钩子在以下阶段执行:
- 数据初始化:在组件创建之前,数据属性的值会被初始化。
- 创建实例:组件实例被创建,
el属性被绑定到 DOM 元素。 - 执行
created钩子。 - 编译模板:模板被编译成虚拟 DOM(vnode)。
- 挂载实例:vnode 被挂载到 DOM 中。
用法:
可以在组件选项中定义 created 钩子:
export default {
created() {
// 初始化操作
}
}注意事项:
-
created钩子是在组件挂载之前执行的。 - 避免在此钩子中对 DOM 进行操作,因为它尚未挂载。
- 只应执行轻量级初始化,需要大量计算的任务应移至其他生命周期钩子中。










