Javascript 将数据对象从Vue传递到组件以进行循环

所以我有一些带有POST的对象，我使用v-for在自定义组件中迭代它们，但是如何将数据从这个对象传递到这个组件，循环是一回事，显示数据是另一回事

<app-single-post v-for="post in posts" postData="$post"></app-single-post>

这是我的组件声明。我还需要一些特殊的道具设置吗？一次又一次地出现同样的错误：

未定义属性或方法“postData”

请使用

要在组件模板中引用文章，可以使用

 {{post.id}}

而在方法内部，它将是

this.post

使用

要在组件模板中引用文章，可以使用

 {{post.id}}

而在方法内部，它将是

this.post

---

您可以通过“道具”将数据传递到组件中。有关更多详细信息，请参阅。道具也应该设置为烤肉串大小写，例如html元素上的“发布数据”。什么是数据vie道具？您能举个例子吗？您可以通过“道具”将数据传递到组件中。有关更多详细信息，请参阅。道具也应该设置为烤肉串大小写，例如html元素上的“发布数据”。什么是数据vie道具？你能给出一些例子吗？好的，但是如何通过

{{post.id}}

访问组件中的对象我有一个未定义的错误：（@Lukas在你的组件中你需要定义属性，

props:[“postData”]

@lukas您希望它在组件中被称为

post

吗？您确定

post

中的各个对象都有一个名为

id

的键吗？如果没有，它将抛出一个未定义的错误。@Terry我从他的评论中推断出它；但是如果它不在那里，它将是未定义的。好的，但是如何访问组件中的对象呢通过

{post.id}

我有一个未定义的错误：（@Lukas在您的组件中，您需要定义属性，

props:[“postData”]

@lukas您想在组件中调用

post

吗？您确定

post

中的单个对象有一个名为

id

的键吗？如果没有，它将抛出一个未定义的错误。@Terry我从他的评论中推断出它；但您是对的，如果它不在那里，它将是未定义的。