vue-codemirror 行高亮

可以使用vue-codemirror组件来实现行高亮。具体步骤如下：

1.首先在Vue项目中安装vue-codemirror组件：

npm install vue-codemirror --save

2.在需要使用行高亮的组件中引入vue-codemirror组件：

import Vue from 'vue'
import VueCodemirror from 'vue-codemirror'

Vue.use(VueCodemirror)

3.在模板中使用vue-codemirror组件，并设置相应的属性：

<template>
  <div>
    <codemirror ref="myCm" v-model="code" :options="cmOptions"></codemirror>
  </div>
</template>

<script>
export default {
  data() {
    return {
      code: '',
      cmOptions: {
        mode: 'text/javascript',
        lineNumbers: true,
        styleActiveLine: true,
        matchBrackets: true,
        lineWrapping: true,
        extraKeys: {
          'Ctrl-Space': 'autocomplete'
        }
      }
    }
  }
}
</script>

4.在cmOptions中设置styleActiveLine为true即可实现行高亮。