:::demo 示例

```html
<template>
    <div>
        <div>
            <h3>radio 单选框</h3>
            <div class="mt30 mb15">基础用法</div>
            <v-radio v-model="radio1" label="1">备选项</v-radio>
            <v-radio v-model="radio1" label="2">备选项</v-radio>


            <div class="mt30 mb15">禁用状态</div>
            <v-radio disabled v-model="radio2" label="禁用">备选项</v-radio>
            <v-radio disabled v-model="radio2" label="选中且禁用">备选项</v-radio>


        </div>

        <div>
            <h3>radio 单选框</h3>
            <div class="mt30 mb15">可以通过添加width参数修改文字部分所占宽度，默认为85px</div>
            <v-radio v-model="radio1" label="1" :width="100">备选项</v-radio>
            <v-radio v-model="radio1" label="2" :width="200">备选项</v-radio>

        </div>

        <div class="mt30">
            <h3>radio 单选框组</h3>
            <div class="mt15 mb30">适用于在多个互斥的选项中选择的场景</div>

            <v-radio-group v-model="radio3">
                <v-radio :label="3">备选项</v-radio>
                <v-radio :label="6">备选项</v-radio>
                <v-radio :label="9">备选项</v-radio>
            </v-radio-group>
        </div>

    </div>
</template>

<script>
    export default{
        name:'Radio',
        data () {
            return {
                radio1: '1',
                radio2: '选中且禁用',
                radio3: 3
            };
        }
    }
</script>
```
:::