title: vuejs count number of v-show elements
body: <p>I need to count a number of v-show elements (cards) that are showing below:</p>
  
  <pre><code>&lt;v-layout v-show="checkArray(offer, speciality)"&gt;
     &lt;v-flex&gt;
        &lt;v-card&gt;
        ....
        &lt;v-card&gt;
     &lt;v-flex&gt;
  &lt;/v-layout&gt;
  </code></pre>
  
  <p>this seems easy in js but how to do it in vuejs?
  My dom is changing dynamically due to search function, so I need to count children elements dynamically. </p>
  
  <p>I've managed to use ref="", but as it is said in documentation:</p>
  
  <p>"$refs are only populated after the component has been rendered, and it is not reactive. It is only meant as an escape hatch for direct child manipulation - you should avoid using $refs in templates or computed properties."</p>