如何让Highlight.js在Vue组件中显示HTML？

Question

我正在使用带有Vue项目的高亮JS，我想在代码的边缘显示一个div。我试过了

<pre v-highlightjs="viewerHTML"><div>Something here</div><code class="html">

和

<pre v-highlightjs="viewerHTML">'<div>Something here</div>'<code class="html">

两者都隐藏了div部分。如何显示完整代码？

Answer 1

我发现如果我在我的Vue组件的数据部分创建了一个字符串，它就会正确呈现

<pre v-highlightjs="viewerHTML"><code class="html">

data () {
  return {
    viewerHTML: '<div>Something here</div>'
  }