onBeforeMount() 挂载前钩子

最后更新：2026-10-22

onBeforeMount() 在组件首次渲染到 DOM 之前调用：此时模板已编译，但真实 DOM 尚未创建。

📝 语法

onBeforeMount(() => {
  // DOM 还不存在，适合做纯数据准备
})

callback	在挂载前执行的函数

返回值：无

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

输出：

显示「挂载前准备完成」（该值在首次渲染前就已设置）。

ℹ️ 说明 很少直接用：多数初始化逻辑写在 setup 顶层即可，时机基本相同。

⚠️ 注意 这里读不到 DOM：ref 尚未挂载，元素引用为 null。

更多案例即将上线。

Q 和 setup 顶层代码的区别？

A 几乎等价；该钩子主要存在于选项式 API 的对应关系里，组合式场景很少单独使用。

Q 能发请求吗？

A 可以，但通常放在 setup 或 onMounted 更直观；SSR 环境下要留意执行时机。

Q 执行几次？

A 只在首次挂载前执行一次。

Web-Tutorial 技术团队

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