## Radio 单选框

主要用于一组可选项单项选择，或者单独用于切换到选中状态。

### 基本用法

```html
<v-radio-group name="gruop1">
  <v-radio value="OPPO">OPPO</v-radio>
  <v-radio value="VIVO">VIVO</v-radio>
  <v-radio value="MI">MI</v-radio>
</v-radio-group>
```

### 默认选中某项

```html
<v-radio-group name="gruop2" :value="value">
  <v-radio value="OPPO">OPPO</v-radio>
  <v-radio value="VIVO">VIVO</v-radio>
  <v-radio value="MI">MI</v-radio>
</v-radio-group>
```
```javascript
export default {
  data() {
    return {
      value: 'VIVO',
    };
  },
}
```

### 禁用状态

```html
<v-radio-group name="gruop3" value="MI">
  <v-radio value="VIVO" disabled>VIVO</v-radio>
  <v-radio value="MI" disabled>MI</v-radio>
</v-radio-group>
```

### 禁用所有选项

```html
<v-radio-group name="gruop4" value="MI" disabled>
  <v-radio value="VIVO">VIVO</v-radio>
  <v-radio value="MI">MI</v-radio>
</v-radio-group>
```

### Change事件

```html
<v-radio-group name="gruop5" :value="checkedValue" @change="handleChange">
  <v-radio value="VIVO">VIVO</v-radio>
  <v-radio value="OPPO">OPPO</v-radio>
  <v-radio value="MI">MI</v-radio>
</v-radio-group>
```
```javascript
export default {
  data() {
    return {
      checkedValue: 'VIVO',
    };
  },
   methods: {
    handleChange(value) {
      console.log(vaule);
    },
  },
}
```

### Radio Attributes

| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| value  | 当前选项的值   | 任意类型   | -   | 无 |
| disabled  |  是否为禁用状态  | Boolean   |  -  | false |

### RadioGroup Attributes

| 参数      | 说明    | 类型      | 可选值       | 默认值   |
|---------- |-------- |---------- |-------------  |-------- |
| name  | 标识 Radio 名称    | String   |  -  | 无 |
| value  | 当前选中项的 value   | 任意类型   |  -  | - |
| disabled  |  是否禁用所有的选项  | Boolean   |  -  | false |

### RadioGroup Events

| 参数      | 说明    | 参数     |
|---------- |-------- |---------- |
| change  | 切换选项时触发    | 当前选中项的 value |