关于vue中v-for循环一行三列

你可以这样写：

<div class="row">
  <div class="col" v-for="(item, index) in items" :key="index">
    {{ item }}
  </div>
</div>

然后在 CSS 中设置 `.row` 为 `display: flex;`，并设置每个 `.col` 的宽度为 33.33% 即可。例如：

.row {
  display: flex;
}

.col {
  width: 33.33%;
  box-sizing: border-box;
  padding: 10px;
}

其中，`box-sizing: border-box;` 是为了让 `.col` 的宽度包括 padding 和 border，防止布局出现问题。`padding: 10px;` 是为了让每个格子之间有一定的间隔。