title: VueJS - Pass slot to child of child component
body: <p>I have a list and a list_item component that I reuse a lot inside my application. On a simplified form:</p>
  
  <p><strong>contact_list.vue</strong></p>
  
  <pre><code>&lt;template lang="pug"&gt;
      .table  
        .table-header.table-row
          .table-col Contact
          .table-col Info
  
        .table-body
            contact-list-item(v-for='contact in contacts',
                              :contact='contact',
                              @click='doSomething()')
  
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>contact_list_item.vue</strong></p>
  
  <pre><code>&lt;template lang="pug"&gt;
  .table-row(@click='emitClickEvent')
    .table-col {{ contact.name }}
    .table-col {{ contact.info }}
  &lt;/template&gt;
  </code></pre>
  
  <p>When I use contact_list inside a specific component, I want to be able to send a slot that will add some new columns to the contact_list_item component. This slot will use data of the specific contact that is being rendered inside that contact_list_item component to generate the new columns.</p>
  
  <p>How could I achieve that? Is using slot the best approach?</p>
  
  <p>Thanks in advance.</p>