VueコンポーネントでHighlight.jsにHTMLを表示するにはどうすればよいですか？

Question

私はVueプロジェクトでハイライトJSを使用していますので、私のコードの端にdivを表示したいと思います。私はどちらも、divの部分を隠している

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

と

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

を試してみました。完全なコードを表示するにはどうすればよいですか？

Answer 1

私は私のVueコンポーネントの私のデータセクション内の文字列を作成した場合、それは正しく

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

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

をレンダリングすることがわかりました