app.mount()

在容器元素中安装应用程序实例。

类型

interface App {
  mount(rootContainer: Element | string): ComponentPublicInstance
}

细节

参数可以是实际的 DOM 元素或 CSS 选择器（将使用第一个匹配的元素）。返回根组件实例。

如果组件定义了模板或渲染函数，它将替换容器内任何现有的 DOM 节点。否则，如果运行时编译器可用，则容器的innerHTML将用作模板。

在 SSR 水化模式下，它将水化容器内现有的 DOM 节点。如果有 mismatches，现有的 DOM 节点将被变形以匹配预期的输出。

对于每个应用实例，mount()只能调用一次。

例子

import { createApp } from 'vue'
const app = createApp(/* ... */)

app.mount('#app')

也可以挂载到实际的 DOM 元素：

app.mount(document.body.firstChild)