title: VueJS select a specific element in dom
body: <p>I wonder how I can select a specific element in the DOM using VueJS with our without jquery</p>
  
  <p>In my component I have a method function that does this:</p>
  
  <pre><code>$(".u-loc input").focusin(function() {
      $(".u-loc-icon").addClass('blue-active');
  });
  </code></pre>
  
  <p>The only problem is that its generated dynamic, so I could have 1 or 10 different which means I need to have a uniqe selector to each one.</p>
  
  <p>So I have added <code>:ref="'u-loc' + index"</code></p>
  
  <p>Which means that I can now target the element using <code>$(this.$refs['u-loc' + index]);</code></p>
  
  <p>But I dont know how I can chain the selector to look something like this:</p>
  
  <pre><code>$(this.$refs['u-loc' + index]).('input').focusin(function() {
    $(this.$refs['u-loc' + index]).addClass('blue-active');
  });
  </code></pre>
  
  <p>The problem is that I need to select the elements <code>[input]</code></p>