Vue.js 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)