Ant Design Vue 按钮组件示例：使用 ref 和 function 生成 Vue3 代码

<template>
  <div>
    <a-button-group>
      <a-button @click='handleClick('left')'>Left</a-button>
      <a-button @click='handleClick('right')'>Right</a-button>
    </a-button-group>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import { Button, ButtonGroup } from 'ant-design-vue';

const activeButton = ref('');

function handleClick(direction) {
  activeButton.value = direction;
}

</script>
<style scoped>
</style>