1. 安装:
npm install --save highlight.js
npm install --save @highlightjs/vue-plugin
2. main.js中导入:
import 'highlight.js/styles/atom-one-dark.css'
import 'highlight.js/lib/common'
import hljsVuePlugin from '@highlightjs/vue-plugin'
//注册组件
const app = createApp(App)
app.use(hljsVuePlugin)
3. 组件中使用:
<div>
<highlightjs language="JavaScript" :autodetect="false" :code="code">
</highlightjs>
</div>
js部分:
let code = 'console.log('aaa')'