title: Array shows 0 as length when it has elements in it
body: <p>So I have an object like so:</p>
  
  <p><code>this.$</code> - this holds indexes that hold arrays. For instance, it has two different indexes: one called <code>slide</code> and one called <code>thumb</code>. Those indexes hold arrays.</p>
  
  <p><a href="https://i.stack.imgur.com/ulEy9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ulEy9.png" alt="slide and thumb arrays"></a></p>
  
  <p>I'm developing in vue and got those to show up with the <code>v-ref</code> attribute. However, whenever I do this:</p>
  
  <p><code>console.log(this.$.slide.length)</code></p>
  
  <p>It comes back as 0. I'm trying to loop through it using <code>forEach()</code> but can't since it shows 0 even though there are clearly 4 VueComponent objects inside that array.</p>
  
  <p>I'm not really understanding why it says slide: array[0], but then shows slide: array[4] on the next line. I tried going in <code>this.$.slide.slide</code>, but that's undefined.</p>
  
  <p>Thanks for any insight.</p>
  
  <p>EDIT:</p>
  
  <p>This is my HTML for Vue:</p>
  
  <pre><code>&lt;slider inline-template img-count="4" v-ref="slider"&gt;
      &lt;div class="slides" v-style="styles"&gt;
          &lt;sliderslide v-repeat="count" v-ref="slide"&gt;
              &lt;img src="{{ gallery_image('HM722_Silver_Creek_9978.jpg', 'full') }}" alt="HM722 Silver Creek" style="margin-top:-15%;" /&gt;
          &lt;/sliderslide&gt;
      &lt;/div&gt;
  
      &lt;div class="thumbnails"&gt;
          &lt;div class="thumbnail-wrapper"&gt;
              &lt;sliderthumb v-repeat="count" send-index="@{{ updateIndex }}" v-ref="thumb" 
                  image-src="{{ gallery_image('HM722_Silver_Creek_9978.jpg') }}" 
                  image-alt="" 
                  caption="Newest Product"&gt;
              &lt;/sliderthumb&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/slider&gt;
  </code></pre>
  
  <p>The v-refs are already there so it should show them...</p>
  
  <p>I'm console.log() all of this inside the <code>ready</code> method inside Vue.</p>