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

DOM 中的根组件模板

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

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

html:

?

1 2 3

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

js:

?

1 2 3 4 5 6 7 8 9 10 11

import { createApp } from 'vue'   const app = createApp({   data() {     return {       count: 0     }   } })   app.mount('#app')

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