vue中单选框组，设置单选框点击事件

在 Vue 中，单选框组可以使用 `v-model` 指令来绑定一个变量，选中的值会被赋值给这个变量。如果要监听单选框的点击事件，可以使用 `@click` 或 `@change` 事件。

例如，假设我们有一个单选框组，用于选择一种颜色：

<template>
  <div>
    <label>
      <input type="radio" value="red" v-model="selectedColor" @change="handleColorChange"> 红色
    </label>
    <label>
      <input type="radio" value="green" v-model="selectedColor" @change="handleColorChange"> 绿色
    </label>
    <label>
      <input type="radio" value="blue" v-model="selectedColor" @change="handleColorChange"> 蓝色
    </label>
  </div>
</template>

在 `data` 中定义一个 `selectedColor` 变量来绑定选中的值：

data() {
  return {
    selectedColor: 'red'
  }
}

然后在 `methods` 中定义一个 `handleColorChange` 方法来处理单选框的点击事件：

methods: {
  handleColorChange() {
    console.log('选中的颜色是：', this.selectedColor)
  }
}

这样，当用户点击单选框时，会触发 `handleColorChange` 方法，并输出选中的颜色。