JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js"></script>
<div id="app">

  <div v-for="item of 5">
      <span ref="items_1">list 1</span>
  </div>

  <div is="list">
      <template slot>
        <div v-for="item of 5">
          <span slot ref="items_2">list 2</span>
          </div>
      </template>
  </div>

</div>

<script type="text/x-template" id="list-template">
  <div>
    <slot></slot>
  </div>
</script>

JavaScript

Vue.component('list', {
    template: '#list-template',
});

new Vue({
    el: '#app',

    mounted: function() {
        console.log(this.$refs);
    },
});