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作为模板。

posted @ 2023-02-03 22:44  左扬  阅读(199)  评论(0编辑  收藏  举报
levels of contents