在 VueJS 中循环遍历数据数组属性

Question

在vuejs中你可以像这样在模板中做列表渲染

<td v-for="item in items"></td>......

但是你可以迭代相同的数据数组属性比如....

for(var i = 0; i < this.items.length; i++)
 this.$data.items[i]

Answer 1

是

只是不用担心 this.$data.items，而是 this.items，尽管它也可以工作...

Answer 2

这个 post 已经很老了，但是对于任何想要迭代对象数组的人来说这都是有用的。

而不是：

for(var i =0; i < this.items.length; i++) {
  console.log(this.items[i]);
}

您可以更简洁、更易读（在我看来）：

this.items.forEach((item) => {
  console.log(item);
})

Looping through data array properties in VueJS