Javascript 无效属性：应为数组，但未定义

我有一个Vue组件鞋，它使用组件产品，它使用组件产品。我得到了一个使用组件产品API的数组，它用信息填充组件产品

当我试图从API中的Shoes组件获取数组时，一切都成功了，当我试图将数组提供给Products组件（需要数组）时，Vue说这是未定义的。什么是

“鞋”部件：

data() {
    return {

    }
},

从“./data/get_data”导入getData；
//导入API函数
导出默认值{
数据（）{
返回{
}
},
方法：{
异步getShoes（）{
const response=wait getData（'products'、'shoes'）；
const new_products=[]，
旧产品=[]；
for（响应数据的常数乘积）
product.tag==“新”？新产品。推送（产品）：旧产品。推送（产品）；
console.log（this.products.new，this.products.old）；
this.new_products=新_products；
this.old_products=old_products；
console.log（this.products.new，this.products.old）；
}
},
异步装入（）{
等待这个消息
}
}

---

产品组成：

data() {
    return {

    }
},

Эти товары поступили недавно!
导出默认值{
道具：{
新产品：{
类型：数组，
必填项：true
},
旧产品：{
类型：数组，
必填项：true
}
},
方法：{
setGridColumns（）{
让ret_uu=''；
for（设i=0；i

---

产品组成：

data() {
    return {

    }
},

Просмотреть
{{name}}
{{descriptions | toolongtext}}
{{price}}
{{count}}项
从“../staticFunctions/animate”导入{animate}；
从“../../src/main”导入发射器；
导出默认值{
道具：{
名称：String，
描述：字符串，
价格：字符串，
ImageId:String，
计数：数字
},
方法：{
看（）{
发射器。$emit（'look'{
姓名：this.name，
descriptions:this.descriptions，
价格：这个价格，
ImageId:this.ImageId，
伯爵：这个，伯爵
});
动画（“产品外观”，假）；
this.isopend=！this.isopend；
}
},
过滤器：{
toolongtext:value=>value.length>51？value.slice（0,51）+'…'：值
}
}
.产品{
高度：400px；
宽度：90%；
背景色：#fafafa；
长方体阴影：0 5px灰色；
利润率：10px；
边界半径：10px；
浮动：左；
最大宽度：90vw；
最大高度：90vw；
显示：网格；
网格模板行：0.5fr 4fr 1fr 2fr 1fr；
网格模板柱：1fr 1fr；
网格模板区域：
“看，看”
“img img”
“姓名”
“描述描述”
“中华人民共和国计数”；
}
.看{
不透明度：0；
宽度：100%；
文本对齐：居中；
网格区域：看；
过渡：不透明度1s；
}
.产品：悬停。看，
.产品：活动。看{
不透明度：0.6；
}
.产品*{
文本对齐：居中；
}
.说明{
网格面积：desc；
}
.image_静止{
网格面积：img；
}
.产品名称{
网格区域：名称；
}
.价格{
网格面积：中华人民共和国；
}
.伯爵{
网格面积：计数；
}

您从未在

鞋中的
数据下定义
新产品
或
旧产品
：

data() {
    return {

    }
},

相反，您只需为其分配：

this.new_products = new_products;
this.old_products = old_products;

但它们不是被动的，所以它们是未定义的。定义它们：

data() {
    return {
        new_products: [],
        old_products: []
    }
},

此外，您必须遵循属性命名约定，可以是
lowerCamcelCase
或
kebab case
，但决不能是
snake\u case

例如：

:new-products="new_products"

而不是：

:new_products="new_products"