title: Using Slots or slot-scopes in v-for loops to access properties?
body: <p>I'm having a difficult time understanding slots for some reason and why they should even be used.  The only reason I can think of that would be nice for usuage is if we can reference specific properties within a <code>v-for</code> loop of an element and output different templates quicker perhaps...</p>
  
  <p>So, am thinking, and possibly I could be wrong in thinking this, but if I have a variable like so:</p>
  
  <pre><code>&lt;script&gt;
  const items: [
      {
          label: 'My Label',
          url: '#',
          headerTitle: 'My Header Title'
      },
      {
          label: 'My Label 2',
          url: 'https://www.myurl.com',
          headerTitle: 'My Header Title 2'
      },
      {
          label: 'My Label 3',
          url: 'https://www.myurl3.com'
      }
  ]
  
  export default {
      data () {
          return {
              items: items
          }
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And than in the template, possibly this:</p>
  
  <pre><code>&lt;template&gt;
      &lt;div v-for="(item, index) in items" :key="item.id"&gt;
          &lt;template slot-scope="headerTitle"&gt;
              &lt;h1&gt;{{ item.headerTitle }}&lt;/h1&gt;
          &lt;/template&gt;
          &lt;template slot-scope="label"&gt;
              &lt;div class="mylabel"&gt;
                  {{ item.label }}
              &lt;/div&gt;
          &lt;/template&gt;
          &lt;template slot-scope="url"&gt;
              &lt;a :href="item.url"&gt;{{ item.label }}&lt;/a&gt;
          &lt;/template&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>I don't know if this makes sense or not, but basically using the property as a slot-scope and than for everytime that property is defined, it will output something.  But this doesn't work properly.  Is this not what <code>slot-scopes</code> are for within component <code>v-for</code> loops?  Is this not how to use these properties of an array of objects?</p>
  
  <p>This kinda makes sense to me.  Anyways to do it like this perhaps?</p>