title: Vue.js $children by component name
body: <p>I'm trying to access a specific child by name. At the moment, because of where the child is, I'm calling the child by this:</p>
  
  <pre><code>this.$root.$children[0]
  </code></pre>
  
  <p>Which is ok as long as that child is always <code>[0]</code> but it would be great if there’s a way to do something like:</p>
  
  <pre><code>this.$root.$children['detail']
  </code></pre>
  
  <p>I keep thinking <code>$refs</code> might be the answer to my problem but can never find a way that it helps me.</p>
  
  <p>Any ideas?</p>