title: Set v-model value within a slot in Vuejs
body: <p>I have two components</p>
  
  <p><strong>child-component.vue</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div class="container"&gt;
          &lt;slot&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>parent-component.vue</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;my-component&gt;
          &lt;input type="text" v-model="myinput1"&gt;
          &lt;input type="text" v-model="myinput2"&gt;
          &lt;input type="text" v-model="myinput3"&gt;
      &lt;/my-component&gt;
  &lt;/template&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>&lt;script&gt;
      export default {
          data() {
              return {
                  myinput1: '',
                  myinput2: '',
                  myinput3: '',
              }
          }   
       }
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to set the values of each input field inside the slot directly from child-component (the number of input fields could change).</p>
  
  <p>Is there a way to achieve it without triggering an event from child component?</p>
  
  <p>Thanks</p>