title: Accessing nested child components in VueJS
body: <p>Using v2.2.2. I have the following structure in my VueJS app. How can I access all of the Account components from a method on my Post component? The number of Accounts is dynamic - I want to grab all of the loaded <code>Account</code> components and iterate over them.</p>
  <p>I know it's got something to do with <code>$refs</code> and <code>$children</code>, I just can't seem to figure out the right path.</p>
  <pre class="lang-vue prettyprint-override"><code>&lt;Root&gt;
      &lt;Post&gt;
          &lt;AccountSelector&gt;
              &lt;Account ref=&quot;anAccount&quot;&gt;&lt;/Account&gt;
              &lt;Account ref=&quot;anAccount&quot;&gt;&lt;/Account&gt;
              &lt;Account ref=&quot;anAccount&quot;&gt;&lt;/Account&gt;
          &lt;/AccountSelector&gt;
      &lt;/Post&gt;
  &lt;/Root&gt;
  </code></pre>