vue-codemirror怎么使用

可以先通过 npm 安装 codemirror 和 vue-codemirror：

npm install --save codemirror vue-codemirror

然后在你的 Vue 组件中使用：

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

<script>
import CodeMirror from 'codemirror';
import 'codemirror/lib/codemirror.css';
import 'codemirror/theme/monokai.css';
import VueCodemirror from 'vue-codemirror';

export default {
  components: {
    codemirror: VueCodemirror.codemirror,
  },
  data() {
    return {
      code: '',
      cmOptions: {
        tabSize: 2, // tab 缩进字符数
        lineNumbers: true, // 显示行号
        mode: 'text/html', // 语言模式
        theme: 'monokai', // 主题
      },
    };
  },
  mounted() {
    // 可以通过 this.$refs.myCm.codemirror 获取 CodeMirror 实例
    const cm = this.$refs.myCm.codemirror;
    setTimeout(() => {
      cm.refresh();
    }, 50);
  },
};
</script>

当然，这只是一个简单示例，更多的 CodeMirror 用法可以参考官方文档：https://codemirror.net/doc/manual.html