• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • 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)
    

    上篇:createApp()

    下篇:app.unmount()