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 ref="list" is="list">
    <span ref="items_2">list 2</span>
  </div>
</div>

<script type="text/x-template" id="list-template">
  <div>
    <div ref="spans" v-for="item of 5">
      <slot></slot>
    </div>
  </div>
</script>

JavaScript

Vue.component('list', {
  template: '#list-template',
  methods: {
    getAllSpans() {
    	return this.$refs.spans
    }
  },
});

new Vue({
  el: '#app',

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