（3） 事件修饰符

在处理事件时调用 event.preventDefault() 或 event.stopPropagation() 是很常见的。尽管我们可以直接在方法内调用，但如果方法能更专注于数据逻辑而不用去处理 DOM 事件的细节会更好。

为解决这一问题，Vue 为 v-on 提供了事件修饰符。修饰符是用 . 表示的指令后缀，包含以下这些：

• .stop
• .prevent
• .self
• .capture
• .once
• .passive

具体参考官网

https://cn.vuejs.org/guide/essentials/event-handling.html

1. 阻止默认事件

这样，我们点百度一下，就不会跳转了

2. 阻止事件冒泡

上面代码，我们点击 测试冒泡，就会2个事件都触发。

现在我们这么写：

这样就只会触发clickP事件

其他修饰符大家可以参考官网自行尝试