VUE3 watch监听单选按钮

在 Vue3 中，我们可以使用 `watch` 监听单选按钮的变化，具体实现如下：

<template>
  <div>
    <label>
      <input type="radio" value="A" v-model="selected">
      A
    </label>
    <label>
      <input type="radio" value="B" v-model="selected">
      B
    </label>
  </div>
</template>

<script>
import { ref, watch } from 'vue'

export default {
  setup() {
    const selected = ref('A')

    watch(selected, (newValue, oldValue) => {
      console.log('selected changed from', oldValue, 'to', newValue)
    })

    return {
      selected,
    }
  },
}
</script>

在上面的代码中，我们使用了 `ref` 来创建响应式数据 `selected`，然后使用 `watch` 监听 `selected` 的变化。当 `selected` 的值发生变化时，回调函数会被执行，我们可以在回调函数中做一些相应的操作。

注意：使用 `watch` 函数需要在 `setup` 函数中调用。