vue中鼠标单击事件与双击事件 的绑定 以及修饰符

一.点击:双击:鼠标事件

1. 给某个元素添加点击事件时，在click属性前加“v-on:或@”，属性值为点击事件方法。相应的点击事件方法仍然存放于methods当中。
2. 双击事件，将click改为dblclick即可。
3. 鼠标事件：方法与点击事件一样。

二.事件修饰符(once:prev:stop)
4. once：事件仅生效一次，eg：与点击事件配合使用，@click.once。只可以点击一次。
5. prevent：阻止默认事件，eg：取消a标签链接跳转事件。
6. stop：阻止冒泡事件，eg：鼠标触碰span标签范围内的内容，x，y坐标将不在冒泡向上传送给父元素canvas，坐标暂停改变。

详情参考