v-for中的每个项目都有一个独立的布尔变量

在Vue.js中，可以使用一个包含布尔值的数组来解决“v-for中的每个项目都有一个独立的布尔变量”的问题。每个项目对应数组中的一个元素，该元素的布尔值表示该项目是否被选中。

以下是一个代码示例：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index">
        {{ item.name }}
        <input type="checkbox" v-model="selected[index]">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: "Item 1" },
        { name: "Item 2" },
        { name: "Item 3" }
      ],
      selected: [] // 用于存储每个项目的选中状态
    };
  }
};
</script>

在上面的代码中，items数组包含要显示的项目列表。selected数组用于存储每个项目的选中状态。在模板中使用v-for指令遍历items数组，并使用v-model指令绑定每个复选框的选中状态到selected数组中的相应元素。

这样，每个项目都有一个独立的布尔变量来表示其选中状态。