Use Vue.js and v-tap directicve with jQuery.tap.js

sample.html

<div id="sample">
  <div class="hoge" v-tap="hoge"></div>
</div>

<script src="path/to/vue.js"></script>
<script src="path/to/vue.tap.js"></script>
<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.tap.js"></script>
<script>
var vue = new Vue({
  el: '#sample',
  methods: {
    hoge: function() { console.log('Tap!'); }
  }
});
</script>

Vue.tap.js

Vue.directive('tap', {
  isFn: true,
  bind: function () {
    this.el = $(this.el);
  },
  update: function (fn) {
    var vm = this.vm;
    this.handler = function (e) {

      e.targetVM = vm;
      fn.call(vm, e);
    }
    this.el.on('tap', this.handler);
  },
  unbind: function () {
    this.el.off('tap');
    this.el = null
  }
});