如何为插槽(Vue.js)中的元素添加事件侦听器？

<template>
  <div>
    <slot></slot>
  </div>
</template>

<template>
  <div>
    <slot>
      <button @click="handleClick">Click me</button>
    </slot>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 处理点击事件的逻辑
    }
  }
}
</script>

<template>
  <div>
    <my-component>
      <button @click="handleClick">Click me too</button>
    </my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    MyComponent
  },
  methods: {
    handleClick() {
      // 处理点击事件的逻辑
    }
  }
}
</script>