javascript - Vue 元素内部迭代

Question

我正在尝试从 Vue 组件中迭代数组，而不重复我调用“v-for”的元素。我在 official docs API 中没有找到“v-for”的替代品，也不在 articles 中在线。

我有这个:

<div v-for="(item, index) in items">
  <foo :index="index">
  <foo/>
</div>

想要这个:

<foo :index="0"><foo/> 

<foo :index="1"><foo/>

<foo :index="2"><foo/>
//etc...

并尝试过这个，但不起作用:

<foo v-for="(item, index) in items":index="index">
<foo/>

非常感谢您的帮助!昨天开始使用 Vue.js 编码。

Answer 1

您的 HTML 错误。你完全可以做到这一点。

<foo v-for="(item, index) in items" :index="index"></foo>