vue中的onclick函数不会呈现我的自定义组件

Vue.component('my-component', {
  template: '<button @click="handleClick">Click me</button>',
  methods: {
    handleClick: function() {
      // 处理点击事件的逻辑
    }
  }
})

<my-component @click="handleCustomComponentClick"></my-component>

new Vue({
  methods: {
    handleCustomComponentClick: function() {
      // 处理自定义组件点击事件的逻辑
    }
  }
})

Vue.component('my-component', {
  template: '<div><button class="my-button" @click="handleClick">Click me</button></div>',
  methods: {
    handleClick: function() {
      // 处理点击事件的逻辑
    }
  }
})

<my-component>
  <button class="my-button">点击我</button>
</my-component>