v-for 循环如何将偶数的item 添加上边框和下边框

在Vue.js中，`v-for`循环通常用于遍历数组或对象，并动态生成HTML元素。如果你想为数组中的偶数项添加边框样式，你可以结合模板的条件指令`v-if`来实现。下面是一个示例：

<ul>
  <li v-for="item in items" :key="item">
    <template v-if="item % 2 === 0">
      <span class="even-item bordered">{{ item }}</span>
    </template>
    <template v-else>
      {{ item }}
    </template>
  </li>
</ul>

在这个例子中，我们首先检查每个`item`是否是偶数，如果是（即`item % 2 === 0`），则渲染一个包含边框样式的`<span>`标签，`bordered`类名需要你在CSS中定义具体的边框样式；如果不是偶数，则直接显示`item`的内容。

对应的CSS可能是这样的：

.even-item.bordered {
  border-top: 1px solid #ccc; /* 可以自定义你喜欢的边框样式 */
  border-bottom: 1px solid #ccc;
}