本文最后更新于2022-01-28，已超过 1年没有更新，如果文章内容、图片或者下载资源失效，请留言反馈，我会及时处理，谢谢！
温馨提示：本文共438个字，读完预计2分钟。
Vue事件绑定的两种写法
-
@click="handleClick"
传递默认传递事件绑定对象
-
@click="handleClick($event,参数1,参数2)"
$event:vue内置事件绑定
可以传递多个对象
Vue事件修饰
-
@click.prevent：阻止事件的默认行为
-
@click.self: （阻止事件冒泡）点击本身dom才会触发事件 （.self要求，click事件只有在e.target=e.currentTarget的时候才会执行）
-
@click.once:只触发一次
-
@click.capture:按照捕获事件顺序执行（从外部到内部）
-
@click.stop 阻止事件冒泡
按键修饰符
@ketdown.enter：只有enter这个键会被监听到
系统修饰符
@keydown.ctrl/shift/alt/meta ：按住ctrl等系统修饰符,当按住了@keydown才会执行
鼠标修饰符
@click.right/left/middle： 如：.right鼠标右键点击的时候才会执行
