event.preventDefault()修饰符

在 Vue 中，可以使用 `.prevent` 修饰符来阻止事件的默认行为，相当于调用 `event.preventDefault()` 方法，例如：

<template>
  <div>
    <form @submit.prevent>
      <input type="text" v-model="message">
    </form>
  </div>
</template>

在上面的代码中，我们使用 `@submit.prevent` 指令来阻止表单的默认提交行为，相当于调用了 `event.preventDefault()` 方法。这样可以确保在表单提交时，不会触发默认的提交行为。

除了 `.prevent` 修饰符之外，Vue 还提供了其他一些常用的事件修饰符，例如：

- `.stop`：阻止事件继续传播，相当于调用 `event.stopPropagation()` 方法。
- `.capture`：添加事件监听器时使用事件捕获模式，即先捕获事件再冒泡。
- `.self`：只当事件在该元素本身（而不是子元素）触发时触发回调。
- `.once`：只触发一次回调函数。
- `.passive`：告诉浏览器该事件监听器不会调用 `event.preventDefault()` 方法，可以优化性能。

这些事件修饰符可以组合使用，例如：

<template>
  <div>
    <button @click.stop.prevent="submitForm">提交</button>
  </div>
</template>

在上面的代码中，我们使用了 `.stop` 和 `.prevent` 修饰符来阻止事件继续传播并阻止默认的表单提交行为。