createApp() 创建应用实例

最后更新：2026-10-22

createApp() 用根组件创建应用实例，返回的 app 对象提供注册组件、安装插件、挂载等应用级能力。

📝 语法

const app = createApp(App)
app.use(router)
app.mount("#app")

rootComponent, rootProps?	根组件定义（对象或组件）；可传根 props

返回值：应用实例：mount / component / use / provide / config 等方法

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

输出：

页面显示「应用已启动」。

💡 提示 应用实例与根组件实例不同：app 负责全局能力，this 指向根组件实例。

ℹ️ 说明 一个页面可以创建多个应用（微前端/渐进增强场景），它们互相隔离。

⚠️ 注意 createApp 之后配置必须写在 mount 之前：挂载后再注册组件不会生效。

更多案例即将上线。

Q 和 new Vue() 的区别？

A Vue 3 用工厂函数创建应用实例，配置互相隔离，避免全局污染。

Q 能挂载多个根组件吗？

A 一个 app 对应一个根组件；多个根请创建多个 app（或一个根下多组件）。

Q 不 mount 会怎样？

A 什么都不会渲染：组件定义只是准备好，未接入页面。

Web-Tutorial 技术团队

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