持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情juejin.cn/post/714765…

监听事件

监听事件使用v-on指令来绑定并监听DOM事件并触发js代码，绑定的内容可以是一个当前实例上的方法或一个内联表达式。如果提供的是一个方法，则原生的DOM event会被最为第一个参数传入，同时这个event会带有targetvm属性，指向触发该事件的响应的viewModel（当前组件的对象）
示例如下：\

事件修饰符

vue.js为v-on提供了事件修饰符来处理DOM事件细节（只针对v-on），如：event.preventDefault()或event.stopPropagation()。尽管我们可以在methods中轻松实现。但methods只有纯粹的数据逻辑，而不是处理DOM事件细节。对于这点，更好的方式是通过点（.）表示的指令后缀来调用修饰符。
例如：.stop阻止事件冒泡 写法（v-on:click.stop 简写 @click.stop）
.prevent :阻止默认事件
.capture: 捕获模式
.self: 元素本身触发（点谁谁执行）
.once: 只执行一次（2.14新增）\

鼠标按钮修饰符

vue2.2.0新增
.left:只有鼠标左击才生效
.right:只有鼠标右击才生效
.middle:只有鼠标滚轮点击才生效
这些修饰会限制处理函数仅响应特定的鼠标按钮
示例：\

按键修饰符

在监听键盘事件时，我们经常需要监测常见的键值。vue允许为v-on在监听键盘事件时添加按键修饰符\