Vue hljs是一款基于Vue.js的語法高亮組件，可以幫助開發者在網頁中實現代碼高亮顯示。該組件使用了highlight.js進行代碼的高亮，默認支持40多種編程語言的語法高亮，還可以根據需要自行擴展。

使用Vue hljs只需要先安裝highlight.js和Vue hljs兩個包：

npm install highlight.js vue-highlightjs --save

然后在main.js中引入并安裝Vue hljs：

import Vue from 'vue'
import VueHighlightJS from 'vue-highlightjs'
import 'highlight.js/styles/atom-one-dark.css'
Vue.use(VueHighlightJS)

以上代碼中，我們引入了VueHighlightJS組件，并將其注冊到Vue中。同時，我們還引入了highlight.js樣式表，并將其設置為頁面的默認樣式，使得代碼高亮效果更加美觀。

接下來，我們只需要在需要高亮顯示代碼的組件中使用<vue-highlightjs>標簽包裹代碼即可，比如：

<template><div><vue-highlightjs :code="myCode" :language="'javascript'" /></div></template><script>export default {
data () {
return {
myCode: `
// 一個簡單的例子
function helloWorld() {
console.log('Hello, World!')
}
`
}
}
}
</script>

以上代碼中，我們使用vue-highlightjs組件將myCode中的代碼高亮顯示，并設置高亮的語言為JavaScript。

Vue hljs還提供了一些高級功能，比如支持自定義樣式、支持異步加載等等。使用時可以參考官方文檔進行配置，讓代碼高亮效果更加出色。