Итак, у меня есть такой объект:

this.$ - это содержит индексы, которые содержат массивы. Например, у него есть два разных индекса: один называетсяslide и один называетсяthumb, Эти индексы содержат массивы.

Я развиваюсь в Vue и получил те, чтобы показать сv-ref приписывать. Однако всякий раз, когда я делаю это:

console.log(this.$.slide.length)

Возвращается как 0. Я пытаюсь перебрать его, используяforEach() но не может, так как он показывает 0, хотя в этом массиве явно 4 объекта VueComponent.

Я не совсем понимаю, почему он говорит: slide: array [0], но затем показывает slide: array [4] на следующей строке. Я пытался зайтиthis.$.slide.slide, но это не определено.

Спасибо за понимание.

РЕДАКТИРОВАТЬ:

Это мой HTML для Vue:

<slider inline-template img-count="4" v-ref="slider">
    <div class="slides" v-style="styles">
        <sliderslide v-repeat="count" v-ref="slide">
            <img src="{{ gallery_image('HM722_Silver_Creek_9978.jpg', 'full') }}" alt="HM722 Silver Creek" style="margin-top:-15%;" />
        </sliderslide>
    </div>

    <div class="thumbnails">
        <div class="thumbnail-wrapper">
            <sliderthumb v-repeat="count" send-index="@{{ updateIndex }}" v-ref="thumb" 
                image-src="{{ gallery_image('HM722_Silver_Creek_9978.jpg') }}" 
                image-alt="" 
                caption="Newest Product">
            </sliderthumb>
        </div>
    </div>
</slider>

V-ссылки уже есть, поэтому они должны показать их ...

Я console.log () все это внутриready метод внутри Vue.