vue 生成包含单选框多i选框的列表，单选框和多选框不可同时被选择

可以使用v-model来绑定单选框和多选框的选中状态，同时使用v-bind来绑定它们的disabled属性，以实现单选框和多选框不能同时被选择的效果。

以下是一个示例代码：

<template>
  <div>
    <h2>单选框和多选框列表</h2>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        <label>
          <input type="radio" v-model="selected" :disabled="selectedMulti" :value="item" />
          {{ item }}
        </label>
        <label>
          <input type="checkbox" v-model="selectedMulti" :disabled="selected" :value="item" />
          {{ item }}
        </label>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['选项1', '选项2', '选项3'],
      selected: '',
      selectedMulti: []
    }
  }
}
</script>

在这个示例中，使用了一个包含三个选项的items数组来生成列表。单选框和多选框都使用了v-model来绑定它们的选中状态。当单选框被选中时，多选框的disabled属性会被设置为true，使其不能被选择；反之亦然。