JSFiddle - React, Tailwind, and code Playground

by Angelo Rogério Rubin

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-maskmoney/3.0.2/jquery.maskMoney.min.js"></script>
<input v-input-money v-model="valor" v-on:keyup="show()">
{{valor}}

JavaScript

Vue.directive('input-money', {
    update: function () {
        $(this.el).maskMoney({prefix: 'R$ ', allowNegative: true, thousands: '.', decimal: ',', affixesStay: false});
    }
});

var vm = new Vue({
    el: 'body',
    data: {
        title: 'Projeto Compras', 
        valor: ''
    },
    methods : {
    	show : function() {
      	console.log(this.valor)
      }
    }
});