作为一个前端TS程序员，使用vue框架，RadioGroup选中某个radio应该如何用代码实现

在 Vue 框架中，可以使用 `v-model` 指令来双向绑定表单元素的值。对于 `RadioGroup` 组件，我们可以将选中的值绑定到一个变量上，然后通过 `v-model` 来控制选中的状态。

假设我们有一个 `RadioGroup` 组件，其中包含三个单选框，分别代表选项 A、B、C。我们可以通过以下代码来实现单选框的选中：

<template>
  <div>
    <label>
      <input type="radio" name="options" value="A" v-model="selectedOption" />
      Option A
    </label>
    <label>
      <input type="radio" name="options" value="B" v-model="selectedOption" />
      Option B
    </label>
    <label>
      <input type="radio" name="options" value="C" v-model="selectedOption" />
      Option C
    </label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: "A", // 默认选中 A 选项
    };
  },
};
</script>

在上面的代码中，我们定义了一个 `selectedOption` 变量，用来存储当前选中的值。在每个单选框的 `input` 元素上，我们使用 `v-model` 将其值与 `selectedOption` 双向绑定。这样，当用户选中某个单选框时，`selectedOption` 的值会自动更新。

需要注意的是，在每个单选框的 `name` 属性中，我们需要给它们设置相同的名称，以便它们之间可以进行互斥选择。