title: Dynamic $refs can't be referenced in Javascript if a function is used on them [VUE]
body: <p>I am dynamically generating $ref names using a template for-loop. </p>
  
  <p>If I console log a specific item in the for-loop (see example), it can be reached. However when I take that same reference and call a function on it like focus() or scrollToView(), the console becomes woefully confused and throws an error:</p>
  
  <pre><code>vue.js:1743 TypeError: this.$refs.element2.focus is not a function
  </code></pre>
  
  <p>So just to be clear: </p>
  
  <pre><code>console.log(this.$refs['element2']); &lt;-- WORKS!
  this.$refs['element2'].focus(); &lt;-- DOESNT WORK :(
  </code></pre>
  
  <p><a href="https://jsfiddle.net/3xj7afgh/238/" rel="nofollow noreferrer">https://jsfiddle.net/3xj7afgh/238/</a></p>