vuejs3.0 从入门到精通——DOM 中的根组件模板

DOM 中的根组件模板

https://cn.vuejs.org/guide/essentials/application.html#the-root-component

当在未采用构建流程的情况下使用 Vue 时，我们可以在挂载容器中直接书写根组件模板：

html:

<div id="app">
  <button @click="count++">{{ count }}</button>
</div>

js:

import { createApp } from 'vue'

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

app.mount('#app')

当根组件没有设置template选项时，Vue 将自动使用容器的innerHTML作为模板。