Vue-事件修饰符

1，事件修饰符

 

 捕获事件修饰符，从外层到里层执行点击事件

 

 .self修饰符：只有是自身触发的事件才执行，通过冒泡或者捕获机制触发的事件均不执行

 

 效果：点击按钮，只触发按钮的点击事件，外层div的事件不再被触发

 

 .once 加了.once指令后阻止默认行为事件只能被触发一次，这两个事件顺序无影响

 

 .stop和.self的区别

.stop是阻止所有外层元素的事件

点击按钮，阻止了冒泡事件，inner和outer不再响应点击事件

 

.self只阻止自身事件，但不影响外层元素事件

 

 点击按钮后，中间层的inner div不再触发点击事件，但外层的outer div层仍受冒泡事件的影响