Javascript Vue，v-bind：将数据作为属性传递

我试图将数据作为组件中的属性传递。v型绑定是必需的，但我似乎无法使它工作。错误是HTML中的第3行，v-bind指令不起作用并返回错误：“迭代中的自定义元素需要一个“v-bind:key”指令”

导出默认值{
名称：“聊天日志”，
道具：{
},
组件：{ChatMessage}，
数据（）{
返回{
信息：[
{
信息：“嘿”，
用户：“詹姆斯”
},
{
信息：“你好”，
用户：“吉米”
},
]
}
}
}

---

您需要为for循环中的给定元素指定一个键

<ChatMessage v-for="(message) in messages" v-bind:message="message" :key="message"> </ChatMessage>

您可以尝试此操作（循环中需要密钥）：

此外，如果消息是唯一的，则可以使用

消息

作为

键的值，如下所示：

<ChatMessage v-for="(message, key) in messages" :message="message" :key="key" />

<ChatMessage v-for="message in messages" :message="message" :key="message" />



注意：请在此处阅读更多有关的信息

<ChatMessage v-for="message in messages" :message="message" :key="message" />