vue修饰符(事件修饰符、v-model修饰符、键盘修饰符、自定义键盘修饰符)

事件修饰符

• .stop:阻止事件冒泡，相当于调用了 event.stopPropagation()方法

<button @click.stop="test"></button>

• .prevent: 阻止默认行为，相当于调用了 event.preventDefault()方法，比如表单的提交、
  a 标签的跳转就是默认事件

<a href="" @click.prevent="test"></a>

• .self: 只有点击元素本身才会触发。比如一个 div里面有个按钮， div 和按钮都有事件，我们点击按钮， div 绑定的方法也会触发，如果 div的 click 加上 self，只有点击到 div 的时候才会触发，变相的算是阻止冒泡。