使用vue 定义一个数组里面为4个数据 使用for循环遍历 每个数据带有一个复选框

在Vue中，你可以使用模板语法结合v-for指令来定义一个数组并包含四个项目，每个项目都有一个复选框。下面是一个简单的例子：

<template>
  <div>
    <ul>
      <li v-for="item in fourItems" :key="item.index">
        <input type="checkbox" v-model="item.isChecked">
        {{ item.label }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fourItems: [
        { label: '选项1', isChecked: false },
        { label: '选项2', isChecked: false },
        { label: '选项3', isChecked: false },
        { label: '选项4', isChecked: false }
      ]
    };
  }
};
</script>

在这个例子中，`fourItems` 是一个包含四个对象的数组，每个对象都有 `label` 和 `isChecked` 属性。`v-for` 遍历这个数组，为每个项目创建一个 `<li>` 元素，并附上一个复选框 (`<input type="checkbox">`)，通过 `v-model` 绑定到 `item.isChecked`。