beforeMount 挂载前（选项式）

最后更新：2026-10-22

beforeMount 在首次渲染发生之前调用：渲染函数已就绪，但 DOM 还没建立。

📝 语法

export default {
  beforeMount() {
    // 渲染函数已就绪，DOM 未创建
  }
}

value	无参数

返回值：无返回值

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

输出：

页面显示「beforeMount 时的 ref：null」。

⚠️ 注意 不要在这里读取 DOM：渲染尚未执行，一切都是旧的。

ℹ️ 说明 与组合式 onBeforeMount 对应，日常几乎不需要。

更多案例即将上线。

Q 和 created 的区别？

A created 更早（数据就绪），beforeMount 更晚（渲染函数就绪、DOM 未创建）。

Q 能拿到模板引用吗？

A 不能，全为 null，要在 mounted 之后。

Q 日常需要用吗？

A 很少：初始化逻辑在 created/setup，DOM 相关在 mounted。

Web-Tutorial 技术团队

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