vue拿不到$event

<template>
  <div>
    <!-- 这里我们绑定了一个 click 事件，并尝试获取 $event -->
    <button @click="handleClick">点击我</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      // 直接通过参数获取 event 对象
      console.log(event);

      // 如果在模板中没有传递 $event，也可以直接在方法中访问 event 对象
      // 但如果你需要在模板中使用 $event，比如传递给其他函数或进行处理，就需要显式地传递它
    }
  }
}
</script>

<style scoped>
/* 样式代码 */
</style>

解释说明：

1. $event 的作用：$event 是 Vue 中的一个特殊变量，用于在事件处理函数中显式地传递原生 DOM 事件对象。如果你在模板中没有显式传递 $event，Vue 会自动将事件对象作为第一个参数传递给处理函数。
2. 示例中的问题：如果你在模板中忘记传递 $event，那么在方法中就无法直接访问到事件对象。例如，如果你想在模板中调用另一个函数并传递事件对象，就必须显式地使用 $event。

例如：

<button @click="anotherFunction($event)">点击我</button>

如果没有传递 $event，anotherFunction 将不会收到事件对象。