具有Vue.js语法的Vue.js渲染模板 数据变量 Html

我试图将内容数据从模板中分离出来，但似乎不起作用

任何人都可以帮助实现这个概念吗？

试试看

var data = {
    template:`<div class="box-word-cent">
       <h2>{{ title }}</h2>
       <p>{{ desc }}</p>
     </div>`,

    content:{
       title:'This is Title',
       desc:'This is Description'
    }
 }

而且

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

---

但是，这是编写Vue的一种不同寻常的方式。

请添加语言提示，以便突出显示源代码。请参阅。您不能在v-htmlmy中使用绑定。我的想法是将vue模板保存到数据库以方便使用manipulate@Phil谢谢，我昨天读过，v-html无法呈现vue模板，但是如何实现这个想法。。。。这困扰了我两天。。。T.TLooks很好，尽管data.template~@phil oops之后缺少一个逗号！谢谢。@BertEvans谢谢，这是工作。您对使用vue语法将模板保存到数据库有什么建议吗？@AirconChen我个人从未尝试过将模板保存到数据库。

<div id="app">
     <div v-html="data.template"></div>
</div>

var data = {
    template:`<div class="box-word-cent">
       <h2>{{ title }}</h2>
       <p>{{ desc }}</p>
     </div>`,

    content:{
       title:'This is Title',
       desc:'This is Description'
    }
 }

var vm = new Vue({
    el:'#app',
    template: data.template,
    data: data.content
});

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