title: Using v-model inside scoped slots
body: <p>I'm using Vue 2.6.9 with the new v-slot syntax. I want to access interact with v-model inside slot. The problem is that showing data inside slot works, but using v-model does not. Here is my code:</p>
  
  <pre><code>Vue.component('base-test', {
    template: `
    &lt;div&gt;
      &lt;slot :foo="foo" :foo2="foo2"&gt;&lt;/slot&gt;
    &lt;/div&gt;
    `,
    data(){
      return{
        foo: 'Bar',
        foo2: 'Bar 2'
      }
    }
  });
  
  
  // Mount
  new Vue({
    el: '#app'
  });
  
  &lt;div id="app"&gt;
    &lt;base-test v-slot="sp"&gt;
      &lt;div&gt;foo2 is {{ sp.foo2 }}&lt;/div&gt;
      &lt;input type="text" v-model="sp.foo"&gt;
      &lt;div&gt;foo is {{ sp.foo }}&lt;/div&gt;
    &lt;/base-test&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/bassta/pen/vPrYdY" rel="nofollow noreferrer">Codepen</a></p>
  
  <p>My question is how to interact with the component <strong>data</strong> from within slot. </p>