vue-codemirror示例demo

以下是一个基于Vue.js和CodeMirror的示例demo：

<template>
  <div>
    <codemirror ref="editor" v-model="code" :options="editorOptions"></codemirror>
  </div>
</template>

<script>
import Codemirror from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
import 'codemirror/theme/dracula.css'
import 'codemirror/mode/javascript/javascript.js'

export default {
  components: {
    Codemirror
  },
  data() {
    return {
      code: 'console.log("Hello World");',
      editorOptions: {
        theme: 'dracula',
        mode: 'javascript',
        lineNumbers: true
      }
    }
  }
}
</script>

这个示例中，我们首先导入了`vue-codemirror`组件和`CodeMirror`的样式和模式文件。然后在模板中，我们使用`Codemirror`组件，并将其绑定到`code`变量上，同时传递一些编辑器选项。在`data`中，我们定义了`code`变量和编辑器选项。