Vue.js-マウスクリックでのイベント処理（上ではなく）

Question

Vue.js 2では、@ clickイベントを要素に追加して何かをクリックしようとすると、クリックが完了するまで（押し下げ->押し上げ）イベントがトリガーされません。

マウスをクリックした直後にイベントをトリガーするにはどうすればよいですか？

例：

<div @click="foo()">
    Hello
</div>

Answer 1

@mousedownと同様に、エレメントで@clickイベントを使用して、mousedownイベントを処理できます。

<button @mousedown="mouseDown">
   mouseDown 
</button>

作業フィドルを参照してください： https://fiddle.jshell.net/mimani/feL03wgd/