Vue.js - event handling with on-mouse-click down (and not up) : <p>With Vue.js 2 when I add in an @click event to an element and attempt to click something, the event isn't triggered until after I have completed my click (press down -> up).</p>

<p>How do I trigger an event immediate after a mouse click down?</p>

<p>Example:</p>

<pre><code>&lt;div @click="foo()"&gt;
    Hello
&lt;/div&gt;
</code></pre>
