Então, eu tenho um objeto assim:

this.$ - isso contém índices que contêm matrizes. Por exemplo, ele tem dois índices diferentes: um chamadoslide e um chamadothumb. Esses índices contêm matrizes.

Estou desenvolvendo no vue e consegui que eles aparecessem com ov-ref atributo. No entanto, sempre que faço isso:

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

Ele volta como 0. Estou tentando fazer um loop usandoforEach() mas não pode, pois mostra 0, embora haja claramente 4 objetos VueComponent nessa matriz.

Eu realmente não estou entendendo por que diz slide: array [0], mas depois mostra slide: array [4] na próxima linha. Eu tentei entrarthis.$.slide.slide, mas isso é indefinido.

Obrigado por qualquer insight.

EDITAR:

Este é o meu HTML para o 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>

Os v-refs já estão lá, então deve mostrá-los ...

Eu sou console.log () tudo isso dentro doready método dentro do Vue.