英文文档(更全): https://highlightjs.readthedocs.io/en/latest/index.html
中文文档: https://fenxianglu.cn/highlight.html
1 . 下载此插件到项目中
==一定要带.js名字==
yarn add highlight.js -S
2 . 在main.js 引入即可
import hljs from 'highlight.js' // hljs对象
import 'highlight.js/styles/default.css' // 代码高亮的样式
3. 注册高亮代码-自定义指令
```js
Vue.directive('highlight', function (el) { // 自定义一个代码高亮指令
const highlight = el.querySelectorAll('pre, code') // 获取里面所有pre或者code标签
highlight.forEach((block) => {
hljs.highlightElement(block) // 突出显示这些标签(以及内部代码, 会自动识别语言)
})
})
4. 在铺设文章详情标签使用v-highlight指令即可