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

我在一个Vue项目中使用highlight JS，我想在代码的边缘显示一个div。我试过了

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

这里的东西

及

'somethine here'

---

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

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

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

数据（）{
返回{
viewerHTML:“这里有些东西”
}

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

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