2022/12/12 vue-template

template

vue实例挂载到html

<div id="app">
  <p>{{ message }}</p>
</div>

const app = Vue.createApp(...)
app.mount('#app')

先编写html，然后将vue实例挂载上去，那么html的这一部分就是template。

创建vue实例时传参template

<div id="app">
</div>

const app = Vue.createApp({
  template: `<p>{{ message }}</p>`,
  ...
})
app.mount('#app')

以上两种创建template的用法都是可以的，更推荐第一种，因为这样写会更加清晰。