v-tap ディレクティブ

@mousedownだけでも良さそうなんですけど、
せっかくなので、タッチデバイスではtouchstart使用するように、
v-tapというカスタム・ディレクティブ（グローバル）を作成しました。
※ちなみに、@touchstartは標準で用意されています。

Vue.directive('tap', {
    inserted: function(el, binding) {
        const tap = (typeof window.ontouchstart === 'undefined')
            ? 'mousedown'
            : 'touchstart'
        let tapFunction = function(event) {
            if (binding.value(event, el)) {
                el.removeEventListener(tap, tapFunction);
            }
        };
        el.addEventListener(tap, tapFunction);
    }
})

See the Pen v-tap directive by pokkur (@pokkur) on CodePen.