app.mount() 挂载应用

最后更新：2026-10-22

app.mount() 把应用挂载到容器元素：容器内部会被应用渲染的 DOM 替换。

📝 语法

app.mount("#app")

// 也可以传元素
app.mount(document.getElementById("app"))

rootContainer	CSS 选择器或真实元素

返回值：根组件实例（可在挂载后引用其 ref）

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

输出：

页面显示「挂载完成」；控制台确认根实例存在。

⚠️ 注意 容器内容会被替换：不要把模板写在里面指望它被解析（SFC/DOM 模板场景除外）。

ℹ️ 说明 挂载后可通过返回值访问根组件实例（$el、$data 等）。

💡 提示 同一容器重复挂载会警告：一个元素只能属于一个应用。

更多案例即将上线。

Q 能挂载到 body 吗？

A 不推荐：会替换 body 内容并干扰其他脚本，用专门容器更稳。

Q 挂载前能做操作吗？

A 不能，DOM 与实例都未就绪；挂载后通过返回值访问。

Q 能多次挂载不同容器吗？

A 同一个 app 只能挂一次；多个容器请创建多个 app。

Web-Tutorial 技术团队

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