在Vue中，highlight是一個非常常用的功能，它可以讓代碼在網(wǎng)頁中以較為友好的方式進(jìn)行展示。Vue中使用highlight.js這個庫來實現(xiàn)代碼高亮。

首先，我們需要在Vue項目中安裝highlight.js：

npm install highlight.js --save

安裝完成后，在需要使用highlight的頁面中引入highlight.js和對應(yīng)樣式：

<link rel="stylesheet" >
<script src="https://cdn.jsdelivr.net/npm/highlight.js@9.13.1/lib/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

這個時候，你就可以在頁面中使用highlight來高亮代碼了。比如，我們可以這樣寫代碼：

<pre><code class="html">&lt;div&gt;Hello, World!&lt;/div&gt;</code></pre>

這個時候，你的代碼就可以以高亮的形式展示在頁面中了。

不過，如果你的代碼比較多的話，直接寫在html文件中顯然不是很好維護(hù)。因此，我們可以將代碼寫在Vue的data中，然后使用v-pre指令來告訴Vue這段代碼不需要編譯。

data() {
return {
code: "<div>Hello, World!</div>"
}
}

<pre><code class="html" v-pre>{{ code }}</code></pre>

這樣，你就可以通過Vue來管理你的代碼了。