Vue 中使用 Vue 时调用 event.preventDefault() 的最佳方式是什么？

在 Vue 中，如果你想在事件处理函数中调用 event.preventDefault() 来阻止默认行为，有几种方式可以实现。

1. 通过修饰符： Vue 提供了事件修饰符，可以在模板中使用。例如，在一个点击事件中阻止默认行为：

<button @click.prevent="handleClick">Click me</button>

这里的 .prevent 就是事件修饰符，它会自动调用 event.preventDefault() 方法。

2. 通过方法调用： 如果你在方法中需要手动处理事件并调用 event.preventDefault()，可以将原生的事件对象传递给方法：

<button @click="handleClick($event)">Click me</button>

在方法中接收事件对象并调用 preventDefault()：

methods: {
  handleClick(event) {
    event.preventDefault();
    // 其他处理
  }
}

这两种方式都可以用来阻止事件的默认行为。如果是简单的阻止默认行为，推荐使用事件修饰符，因为它更直观且减少了代码量。如果需要在方法中对事件进行更多的处理，可以手动传递事件对象并调用 preventDefault()。