Segmented 分段器

<!-- 基础用法 -->
  <re-segmented class="demo-segmented-default" :value="basicValue" :options="basicOptions" @change="onBasicChange" />

<!-- 不同选项数 -->
  <re-segmented class="demo-segmented-two" :value="twoValue" :options="twoOptions" @change="onTwoChange" />
  <re-segmented class="demo-segmented-four" :value="fourValue" :options="fourOptions" @change="onFourChange" />
  <re-segmented class="demo-segmented-five" :value="fiveValue" :options="fiveOptions" @change="onFiveChange" />

<!-- 默认选中 -->
  <re-segmented class="demo-segmented-index-1" :value="defaultIndexOneValue" :options="basicOptions" @change="onDefaultIndexOneChange" />
  <re-segmented class="demo-segmented-index-2" :value="defaultIndexTwoValue" :options="basicOptions" @change="onDefaultIndexTwoChange" />

<!-- 禁用状态 -->
  <re-segmented class="demo-segmented-disabled" :value="0" :options="basicOptions" :disabled="true" />

<!-- 带禁用选项 -->
  <re-segmented class="demo-segmented-disabled-item" :value="disabledItemValue" :options="disabledOptions" @change="onDisabledItemChange" />

<!-- 自定义样式 -->
  <re-segmented class="demo-segmented-custom-style" :value="customStyleValue" :options="basicOptions" customStyle="margin-top: 10px;" @change="onCustomStyleChange" />

<!-- 中文选项 -->
  <re-segmented class="demo-segmented-chinese" :value="chineseValue" :options="chineseOptions" @change="onChineseChange" />

<!-- 英文选项 -->
  <re-segmented class="demo-segmented-english" :value="englishValue" :options="englishOptions" @change="onEnglishChange" />