写段vue代码使用codemirror内部插件实现，点击按钮时，格式化代码

当您点击按钮时，可以将以下代码添加到您的Vue组件内：
<template>
<div class="editor">
<codemirror ref="myCodeMirror" v-model="text" :options="editorOptions"></codemirror>
<button @click="formatCode">格式化代码</button>
</div>
</template>

<script>
import Codemirror from 'vue-codemirror';
import 'codemirror/mode/javascript/javascript';
import 'codemirror/mode/xml/xml';
import 'codemirror/mode/css/css';
import 'codemirror/mode/htmlmixed/htmlmixed';

import 'codemirror/addon/format/formatting';
import 'codemirror/addon/format/formatting';

export default {
components: {
Codemirror,
},

data() {
return {
text: "",
editorOptions: {
mode: 'text/html',
lineNumbers: true,
theme: 'default',
tabSize: 2,
},
};
},

methods: {
formatCode() {
let cm = this.$refs.myCodeMirror.codemirror;
cm.execCommand('selectAll');
cm.autoFormatRange(cm.getCursor(true), cm.getCursor(false));
},
},
};
</script>

请确保您已经安装了codemirror库和vue-codemirror库，并正确导入了这些库。在这个例子里，我们使用了Codemirror的内置格式化插件，将用户在编辑器内输入的代码进行自动格式化。