Slot: access scope variables
<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>