title: Using v-model with nested components in Vue
body: <p>in my admin app I have an , inside this component I also have Vue 2's quill rich editor which uses v-model for its data, now I want to pass the v-model from my child vue-2-editor to my own parent component, the docs say you can have custom v-model in yur compoennt with props value and emiting an 'input' event with that value, but how can I pass one v-model to another, from child to parent component.</p>
  
  <p>Im using vue 2 editor, A text editor using Vue.js and Quill:
  <a href="https://github.com/davidroyer/vue2-editor" rel="noreferrer">https://github.com/davidroyer/vue2-editor</a></p>
  
  <p>My component :</p>
  
  <pre><code>&lt;template&gt;
  &lt;div style="width:auto; height:auto; display:flex; flex-direction.column;"&gt;
      &lt;button @click="editorVisible = true"&gt;Show Editor&lt;/button&gt;
      &lt;vue-editor v-model="value" :editorToolbar="customToolbar" useCustomImageHandler @imageAdded="handleImageAdded"&gt;&lt;/vue-editor&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  &lt;!--SCRIPTS--&gt;
  &lt;script&gt;
  import { VueEditor } from 'vue2-editor';
  export default {
  name: 'ADMINeditor',
  
  
  props:
  {
      value:{ required:true, type:String }
  },
  
  
  data()
  {
      return { 
          editorVisible:false
      }
  },
  
  
  methods:
  {
  
      wrote()
      {
          this.$emit('input', this.value);
      }
  }
  
  
  }
  &lt;/script&gt;
  &lt;!--STYLES--&gt;
  &lt;style scoped&gt;
  &lt;/style&gt;
  
  </code></pre>
  
  <p>I want to be able to do:</p>
  
  <pre><code>&lt;admin-editor v-model="text"&gt;&lt;/admin-editor&gt;
  </code></pre>
  
  <p>More info about -model in custom components.</p>
  
  <p><a href="https://alligator.io/vuejs/add-v-model-support/" rel="noreferrer">https://alligator.io/vuejs/add-v-model-support/</a></p>