在Vue3上，“模板”的等价物是什么？

Question

有了Vue2，我有了template属性，允许我从字符串中呈现html：

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

我使用这个属性在一个单独的.pug文件中使用webpack加载器加载模板。

我怎样才能用Vue3做到这一点？我没有找到任何关于如何从字符串呈现模板的文档。

Answer 1

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>

​