Vuejs2 Vue动态html-赢得'；t来解析vue数据对象

我有用Vue编写的示例代码：

  template: `
    <table>
     <tbody>
      <tr v-html="tableHTMLContent"></tr>
     </tbody>
    </table>`,
   data() {
     this.tableHTMLContent: '',
     this.myTextName: 'aaaa'
   },
  methods: {
   addSampleCode() {
     this.tableHTMLContent = '<p> {{ myTextName }} </p>'
   }
  }

模板：`
`,
数据（）{
此.tableHTMLContent:“”，
this.myTextName:'aaaa'
},
方法：{
addSampleCode（）{
this.tableHTMLContent='{{myTextName}}
'
}
}

问题在于解析

{{myTextName}

标记。Html已正确注入，但Vue无法解析myTextName变量。Vue不显示aaaa值。

---

要解析Vue标记（如{}}）和其他标记（如v-for、v-if等），我必须做什么。

要在方法中呈现数据值和模板代码，可以使用Vue.compile（…）

请参阅此链接：

用法示例：

var res = Vue.compile('<div><span>{{ msg }}</span></div>')

new Vue({
  data: {
    msg: 'hello'
  },
  render: res.render,
  staticRenderFns: res.staticRenderFns
})

var res=Vue.compile（{{msg}}}）
新Vue({
数据：{
味精：“你好”
},
渲染：res.render，
staticRenderFns:res.staticRenderFns
})

要在方法中呈现数据值和模板代码，可以使用Vue.compile（…）

请参阅此链接：

用法示例：

var res = Vue.compile('<div><span>{{ msg }}</span></div>')

new Vue({
  data: {
    msg: 'hello'
  },
  render: res.render,
  staticRenderFns: res.staticRenderFns
})

var res=Vue.compile（{{msg}}}）
新Vue({
数据：{
味精：“你好”
},
渲染：res.render，
staticRenderFns:res.staticRenderFns
})

请参考：-请参考：-