Javascript 如何将值传递给子组件vue和循环？

我使用axios调用从API获取值。 我想使用Home和ListItem组件。我想

从“../components/ListItem”导入ListItem
设AddIdea=require（'../components/AddIdea.vue'）；
导出默认值{
名称：“主页”，
组件：{AddIdea，ListItem}，
数据（）{
返回{
添加活动：“”，
理想主义者：{}，
错误：{}，
}
},
安装的（）{
axios.post（“/getData”）
.然后（（response）=>this.ideaList=response.data）
.catch（（error）=>this.errors=error.response.data）；
},
}

我不确定您是想将complete

理想主义者

还是只是将迭代对象传递到

列表项

，但这里有两个明显的错误

您忘记声明要传递到

列表项的道具了

<list-item v-for="idea in ideaList" :key="idea.id" :idea="idea"></list-item>

---

您已经在

列表项中定义了
想法
道具-为什么不使用它<代码>

export default {
    name: "ListItem",
    props: ["idea"]
}