如何使用eventReactive读取和显示点击按钮时的数据？

import { ref } from 'vue';

export default {
  setup() {
    // 创建一个响应式的变量
    const buttonData = ref('');

    // 定义一个处理点击事件的函数
    const handleClick = () => {
      // 更新按钮点击时的数据
      buttonData.value = '按钮被点击了！';
    };

    return {
      buttonData,
      handleClick
    };
  }
};

<template>
  <div>
    <button @click="handleClick">点击按钮</button>
    <p>{{ buttonData }}</p>
  </div>
</template>