JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.css.net/libs/vue/2.0.7/vue.min.js"></script>
<script src="https://cdn.rawgit.com/AlloyTeam/AlloyFinger/master/alloy_finger.js"></script>
<script src="https://cdn.rawgit.com/shhdgit/vue-finger/master/vue-finger.min.js"></script>
  <div
    id="app"
    v-finger:doubletap="double"
    v-finger:longtap="longtap"
    
  ></div>

CSS

div {
    width: 100px;
    height: 100px;
    background-color: #f00;
    color: #fff; 
  }

JavaScript

new Vue({
      el: '#app',
      data: {a:1},
      methods: {
        double: function (e) {
        	alert('double tap me!')
          
        },
        longtap: function () {
        	alert('long tap me!')
        }
      }
    })