vue 常见的事件修饰符及其作用

常见的事件修饰符及其作用

1. .stop：等同于 JavaScript 中的 event.stopPropagation() ，防止事件冒泡；
2. .prevent ：等同于 JavaScript 中的 event.preventDefault() ，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播）；

3. .capture ：当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。如 div1中嵌套div2中嵌套div3.capture中嵌套div4，那么执行顺序为：div3=》div4=》div2=》div1

4. .self ：只会触发自己范围内的事件，不包含子元素；
5. .once ：只会触发一次。