Vue.js Vue:在子组件上使用v-for?

Vue.js Vue:在子组件上使用v-for?,vue.js,vuejs2,Vue.js,Vuejs2,我对如何使用v-for和传递数据感到困惑。在我的示例中,我是否必须将prop for:entry=entry传入,或者它是否知道,因为它正在循环 App.vue <UserEntry v-for="entry in entries" ></UserEntry data() { return { entries: [ {id: 2, name: 'foo'} ] } } 用户条目 无论是否在组件上循环

我对如何使用v-for和传递数据感到困惑。在我的示例中,我是否必须将prop for:entry=entry传入,或者它是否知道,因为它正在循环

App.vue

<UserEntry v-for="entry in entries" ></UserEntry

data() {
   return {
      entries: [
          {id: 2, name: 'foo'}
      ]
   }
}
用户条目


无论是否在组件上循环,都必须将道具传递给组件

<UserEntry v-for="entry in entries" :key="entry.id" :entry="entry" />

无论是否在组件上循环,都必须将道具传递给组件

<UserEntry v-for="entry in entries" :key="entry.id" :entry="entry" />

你试过测试这两种场景吗?你试过测试这两种场景吗?
<template>
  <div>
    {{ entry.name }}
  </div>
</template>

<script>
export default {
  name: 'user-entry',
  props: {
    entry: {
      type: Object,
      required: true
    }
  }
}
</script>