title: How to access an element inside a v-for loop using ref
body: <p>To put as simply as possible:</p>
  <p>I have a v-for loop. I'd like to access an specific element inside one of the iterations of the loop. For reasons, I can only do this using ref. Is there a way of doing this?</p>
  <p>I have tried various different ways of achieving this, but it always returns undefined. My code works fine outside of a v-for loop.</p>
  <p>The documentation for vue doesn't cover this instance.</p>
  <p>The loop simplified:</p>
  <pre><code>  &lt;div v-for=&quot;(item, i) in items&quot;&gt;
      &lt;div ref=&quot;card&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>The Method</p>
  <pre><code> doThing() {
     card = elements.create('card');
     card.mount(this.$refs.card);
   }
  </code></pre>