要在 Vue 2 中集成 highlight.js 并要求在 <pre><code>
标签内的内容显示行号,你可以这样做:
- 安装 highlight.js 库:
npminstall --save highlight.js
- 在你的 Vue 组件中导入 highlight.js 库:
import hljs from 'highlight.js';
- 在你的组件的
mounted()
生命周期钩子函数中,调用 highlight.js 的highlightBlock()
方法来高亮代码块:
mounted() {
this.$el.querySelectorAll('pre code&#