beforeCreate 实例初始化前

最后更新：2026-10-22

beforeCreate 在实例初始化之前调用：此时 data、methods、computed 都还没建立，所以很少使用。

📝 语法

export default {
  beforeCreate() {
    // this.data 之类都还不存在
  }
}

value	无参数（this 指向尚未初始化的实例）

返回值：无返回值

修改下面的代码，在预览区实时查看效果：

输出：

控制台先打印 beforeCreate 提示，页面显示 created 中设置的值。

ℹ️ 说明 插件开发偶尔用它做早期初始化（在 data 之前挂载全局能力）。

⚠️ 注意 这里访问 this.xxx 会得到 undefined，别放业务逻辑。

更多案例即将上线。

Q 它有什么用？

A 少数插件/混入场景需要最早时机；日常开发用 created 或 setup 足够。

Q 能用它发请求吗？

A 技术上可以，但没有 reactive 数据可写，实际都放在 created 里。

Q 和 setup 的顺序？

A 组合式 setup 发生在 beforeCreate 与 created 之间，取代了两者的多数用途。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。