vue使用codemirror的两种用法

import VueCodeMirror from 'vue-codemirror'
import 'codemirror/lib/codemirror.css'
Vue.use(VueCodeMirror)

import { codemirror } from 'vue-codemirror'
import "codemirror/theme/ambiance.css"; // 这里引入的是主题样式，根据设置的theme的主题引入，一定要引入！！
require("codemirror/mode/javascript/javascript"); // 这里引入的模式的js，根据设置的mode引入，一定要引入！！

components:{
   codemirror
 },

<codemirror
   ref="mycode"
   :value="curCode"
   :options="cmOptions"
   class="code">
 </codemirror>

curCode:'',
cmOptions:{
  value:'',
   mode:"text/javascript",
  theme: "ambiance",
  readOnly:true,
 }

import CodeMirror from 'codemirror/lib/codemirror'
 import "codemirror/theme/ambiance.css";
 require("codemirror/mode/javascript/javascript");

 mounted(){
   this.editor = CodeMirror.fromTextArea(this.$refs.mycode, {
   mode:"text/javascript",
   theme: "ambiance",
   readOnly:true,
},

<textarea ref="mycode" class="codesql public_text" v-model="code"></textarea>

changeCode(value){
 this.code = value;    
 this.editor.setValue(this.code);
}