Vue3 应用的挂载，配置解读

应用挂载的基本操作

应用实例必须调用.mount()方法后才能完成渲染，该方法需要接收一个**“容器” 参数 **，这个参数可以是实际的 DOM 元素（比如通过document.getElementById(‘app’)获取的元素），也可以是 CSS 选择器字符串（例如’#app’）。

示例如下：

<div id="app"></div>
app.mount('#app')

这里的原理是，应用根组件的内容会被渲染到指定的容器元素内部，而容器元素本身并不会被当作应用的一部分。需要注意的是，.mount()方法应该在整个应用的配置（如设置错误处理器、注册组件等）和资源注册都完成之后再调用。另外，和其他资源注册方法不同，.mount()方法的返回值是根组件实例，而不是应用实例。

DOM 中的根组件模板

根组件的模板一般是组件自身的一部分，但也可以通过在挂载容器内编写模板来单独提供。比如：

<div id="app">
  <button @click="count++">{
  
  { count }}</button>
</div>
import { createApp } from 'vue'

const app = createApp({
  data() {
    return {
      count: 0
    }
  }
})

app.mount('#app')