Vue3 上 'template' 的等价物是什么？

Question

使用 Vue2 我有 template 属性允许我从字符串渲染 html：

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

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

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

Answer 1

模板属性没有改变，但要安装 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>

Vue3 上 'template' 的等价物是什么？

What is the equivalent of 'template' on Vue3?

vue.js

vuejs3