title: Slot: access scope variables
body: <p>As a simplified example suppose you have this in a component called "my-buttons":</p>
  
  <pre><code>&lt;button v-for='item in items' v-on:click="this.$emit('activate', item)"&gt;
      &lt;slot&gt;{{ item.name }}&lt;/slot&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>If I use the component somewhere else, is there any way to override the slot <strong>and</strong> access the <code>item.name</code> value? For example:</p>
  
  <pre><code>&lt;my-component items="myItems"&gt;
      &lt;span class="myspecialstuff"&gt;{{ item.name }}&lt;/span&gt;
  &lt;/my-component&gt;
  </code></pre>
  
  <p>Obviously as it stands now, vue will complain that it can not find <code>item</code> in the scope.</p>