如何讓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>' 
    }