vue-codemirror 使用

方法是什么？

Vue-codemirror 是一个 Vue.js 的代码编辑器组件，能够实现代码高亮、编辑、可视化等功能。使用方法分为以下几步：

1. 安装 vue-codemirror：npm install --save vue-codemirror
2. 在 Vue 组件中引入：

import Vue from 'vue'
import CodeMirror from 'vue-codemirror'

Vue.use(CodeMirror)

3. 在模板中使用：

<template>
<div class="editor">
<codemirror v-model="code"></codemirror>
</div>
</template>

4. 配置 codemirror 的选项：

<script>
export default {
name: 'CodeEditor',
data() {
return {
code: 'function(){\n\tconsole.log("Hello World!");\n}',
options: {
tabSize: 4,
mode: 'javascript',
lineNumbers: true,
theme: 'default',
},
};
},
};
</script>

这样就可以在 Vue 组件中使用 vue-codemirror 了。