如何在UniApp中创建和使用单选框组件？

在UniApp中创建和使用单选框（Radio）组件相当直观，它是用于让用户从一组选项中选择一个的UI元素。以下是基本步骤：

1. **引入组件**：
首先，在WXML文件中，你需要导入`<radio>`标签，它属于`uni-widget`库的一部分。例如：

   <import src="uni-widget@latest/index.wxml" />

2. **添加单选框**：
然后，你可以开始添加单选框到页面布局中。每个`<radio>`标签都需要一个唯一的`value`属性，表示选项的值，以及一个描述用户选择内容的`label`属性。示例：

   <view>
     <radio-group @change="onRadioButtonChange"> <!-- radio-group容器 -->
       <radio value="option1" label="选项一"></radio>
       <radio value="option2" label="选项二"></radio>
       <radio value="option3" label="选项三"></radio>
     </radio-group>
   </view>

3. **绑定事件处理**：
`onRadioButtonChange`是一个自定义事件处理器，当用户改变选择时会被触发。在JavaScript或TypeScript部分编写处理函数，例如：

   Page({
     data: {
       selectedOption: '', // 存储当前选择的选项值
     },
     onRadioButtonChange(e) {
       this.setData({ selectedOption: e.detail.value });
     }
   })

4. **获取用户选择**：
在你需要获取用户选择的地方，可以直接访问`selectedOption`变量。