Javascript Vue.js未设置在数据对象数组中声明的属性

我是vue.js新手，我想创建一些产品卡，通过vue.js动态设置其属性：

这是我的HTML代码片段：

<div id="app">
<card v-for= "products in product" :productname="product.productname"></card>
</div>

---

但它只是显示卡片，属性（如产品名称、价格等）不显示。我做错了什么？

命名在开发中非常重要，不要被你所写的东西弄糊涂。看看你的代码

尤其是在这里

<card v-for= "products in product" :productname="product.productname"></card>
                                                       ^-- wrong naming here

^--这里的名字不对

---

您正在访问

product.productname

，但希望访问

products.productname

。正如我所说，命名很重要。您可能会更改产品和产品的命名。

命名在开发中非常重要，不要被您所写的内容所迷惑。看看你的代码

尤其是在这里

<card v-for= "products in product" :productname="product.productname"></card>
                                                       ^-- wrong naming here

^--这里的名字不对

---

您正在访问

product.productname

，但希望访问

products.productname

。正如我所说，命名很重要。您可以更改产品和产品的名称。

Wow。。。谢谢你哇。。。非常感谢。

<card v-for= "products in product" :productname="product.productname"></card>
                                                       ^-- wrong naming here