title: How do I format currencies in a Vue component?
body: <p>My Vue component is like this :</p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div class="panel-group"v-for="item in list"&gt;
              &lt;div class="col-md-8"&gt;
                  &lt;small&gt;
                     Total: &lt;b&gt;{{ item.total }}&lt;/b&gt;
                  &lt;/small&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          ...
          computed: {
              list: function() {
                  return this.$store.state.transaction.list
              },
              ...
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>The result of <code>{{ item.total }}</code> is </p>
  
  <blockquote>
    <p>26000000</p>
  </blockquote>
  
  <p>But I want format it to be like this :</p>
  
  <blockquote>
    <p>26.000.000,00</p>
  </blockquote>
  
  <p>In jquery or javascript, I can do it</p>
  
  <p>But, How to do it in vue component?</p>