Vue.js Vue:在子组件上使用v-for?
我对如何使用v-for和传递数据感到困惑。在我的示例中,我是否必须将prop for:entry=entry传入,或者它是否知道,因为它正在循环 App.vueVue.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'} ] } } 用户条目 无论是否在组件上循环
<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>