title: How to find width on components in vue.js
body: <p>Html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ul class="nav nav-tabs nav-style"&gt;
    &lt;tabs
      v-for="tabelement in tabelements" :name="tabelement":tabselected="tabelement == type ?  'active': ''" v-on:click="tabclick(tab)"
    &gt;&lt;/tabs&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre class="lang-js prettyprint-override"><code>Vue.component('tabs', {
    template:'&lt;li :class="tabselected"&gt;&lt;a href="#"&gt;{{name}}&lt;/a&gt;&lt;/li&gt;',
    props:['name','tabselected']
  });
  </code></pre>
  
  <p>I want to find the sum of width of all <code>li</code> in this example.</p>