vue highlight.js显示行号

在Vue中使用highlight.js显示行号，你可以按照以下步骤操作：

1. 首先，通过npm安装highlight.js和vue-highlight.js：

npm install highlight.js vue-highlight.js

2. 在你的Vue组件中引入highlight.js和vue-highlight.js，并注册该组件：

import Vue from 'vue';
import VueHighlightJS from 'vue-highlight.js';
import 'highlight.js/styles/default.css';

Vue.use(VueHighlightJS);

3. 在需要显示行号的代码块上使用`v-highlightjs`指令，并设置行号显示的属性：

<template>
  <div>
    <pre v-highlightjs="{ lineNumber: true }">
      <code class="javascript">
        // 你的代码
      </code>
    </pre>
  </div>
</template>

现在你的代码块将会显示行号。