JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
    <input type="number" id="tentacles" v:on:dat="couter" v-on:mousewheel.passive="onScroll" name="tentacles"
       min="10" max="100">
       <p v-show="active" >Show {{ counter }}</p>
</div>

JavaScript

var demo = new Vue({
    el: '#demo',
    data: {
        active: false,
        counter: 0
    },
    methods: {
        onScroll: function(){
        	counter++
        }
    }
    
});