Vue3上的“模板”相当于什么？

问题描述

使用Vue2，我拥有template属性，可让我从字符串渲染html：

new Vue({
  el: "#app",template: "<h1>Title</h1>"
})

我使用此属性通过webpack loader从单独的.pug文件中加载模板。

如何使用Vue3做到这一点？我找不到任何有关如何从字符串渲染模板的文档。

解决方法

template属性没有更改，但是要挂载Vue应用，您需要使用mount方法。

Vue.productionTip = false;

const vm = Vue.createApp({
setup() {
    const msg = Vue.ref('Hello World !');
    return {
      msg
    }
  },template: `
    <div>
      Test : {{ msg }}
    </div>
  `
}).mount('#app')

<script src="https://unpkg.com/vue@next"></script>
<div id="app">
</div>