JSFiddle - React, Tailwind, and code Playground

by Nguyen Vu

HTML

<div id="app">
  <p>{{ number | changeNumber | changeNumberv2 }}</p>
</div>

JavaScript

var app = new Vue({
   el: '#app',
   data: {
       number: 2000
   },
   filters: {
       changeNumber : function (value) {
           return value * 0.5;
       },
       changeNumberv2 : function (value) {
           return value.toFixed(2);
       }
   }
});