Vue中那些你似曾相识的修饰符

事件修饰符

• .stop 阻止事件冒泡
• .prevent 阻止默认行为
• .capture 事件捕获
• .self 自身触发
• .once 只触发一次
• .passive

注意：self是阻止自身不执行冒泡触发，不会阻止冒泡继续向外触发；stop是从自身开始阻止冒泡不向外触发。所以self一般用在父元素上。stop一般用在子元素上；
不要把.passive和.prevent一起使用,因为.prevent将会被忽略，同时浏览器可能会向你展示一个警告。请记住，.passive会告诉浏览器你不想阻止事件的默认行为。 --vue官方文档

按键修饰符

• .enter
• .tab
• .delete (捕获删除和退格键)
• .esc
• .space
• .up
• .down
• .left
• .right

鼠标按钮修饰符

• .left
• .right
• .middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮。