1.问题

在</code>里用户输入内容（js代码），会进行实时语法高亮渲染，使用到<code>v-el</code>来获取此元素。</p> <p>同时<code><textarea></code>也在一个表单中会被提交，提交时需要获取<code><textarea></code>里面内容，用到<code>v-model</code>:</p> <pre class='brush:php;toolbar:false;'><code><textarea v-el:editor v-model="snippet">

现在的问题：v-model取不到数据

2.代码

vue-cli webpack模版建立项目。

main.js

import Vue from 'vue'
import App from './App'

/* eslint-disable no-new */
new Vue({
  el: 'body',
  components: { App }
})

index.html

  


  
  
app
  

App.vue

components/v-mirror/alias.js

import CodeMirror from 'codemirror/lib/codemirror.js'
require('codemirror/lib/codemirror.css')
require('codemirror/addon/lint/lint.css')
require('codemirror/mode/javascript/javascript.js')
require('codemirror/mode/css/css.js')
// require('jsonlint')
require('codemirror/addon/lint/lint.js')
require('codemirror/addon/lint/javascript-lint.js')
// require('codemirror/addon/lint/json-lint.js')
require('codemirror/addon/selection/active-line.js')

export default CodeMirror