title: How to pass data to a slot in vue2.6
body: <p>Here is the hierarchy. Component A is the parent of Component B. Component B is the parent of Component C.</p>
  
  <p>Component A looks like this: </p>
  
  <pre><code>&lt;template&gt;
    &lt;component-b&gt;
      &lt;component-c&gt;
    &lt;/component-b&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Component B:</p>
  
  <pre><code>&lt;template&gt;
    &lt;input type=text/&gt;
    &lt;slot&gt;
    &lt;/slot&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I need component B to pass data from it's context into component C. I am not sure how to do this with slots. Component B has an input box and as the user types I need that data to be bound to the slot, which in turn will cause component C to take that variable and use it within itself.</p>