如何将同一事件绑定到不同框架中的不同按钮

import React from 'react';

class ButtonComponent extends React.Component {
  handleClick() {
    console.log('Button clicked');
  }

  render() {
    return (
      <button onClick={this.handleClick}>Click me</button>
    );
  }
}

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

export class ButtonComponent {
  handleClick() {
    console.log('Button clicked');
  }
}

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

<script>
export default {
  methods: {
    handleClick() {
      console.log('Button clicked');
    }
  }
}
</script>