Vue.js PrimeVue数据表未显示

我试图使用PrimeVue和DataTable组件，但它没有显示？似乎是某种类型的$slots错误？按钮组件正在渲染并按预期工作。 Table.vue

从“primevue/DataTable”导入DataTable；
从“primevue/列”导入列；
从“primevue/ColorPicker”导入ColorPicker；
导出默认值{
名称：“表格”，
道具：{
},
数据（）{
返回{
产品：[
{“品牌”：“大众”，“年份”：2012，“颜色”：“橙色”，“vin”：“dsad231ff”}，
{“品牌”：“奥迪”，“年份”：2011，“颜色”：“黑色”，“vin”：“GWREGE345”}，
{“品牌”：“雷诺”，“年份”：2005，“颜色”：“灰色”，“vin”：“h354htr”}，
{“品牌”：“宝马”，“年份”：2003，“颜色”：“蓝色”，“vin”：“j6w54qgh”}，
{“品牌”：“梅赛德斯”，“年份”：1995，“颜色”：“橙色”，“vin”：“hrtwy34”}，
{“品牌”：“沃尔沃”，“年份”：2005年，“颜色”：“黑色”，“vin”：“jejtyj”}，
{“品牌”：“本田”，“年份”：2012，“颜色”：“黄色”，“vin”：“g43gr”}，
{“品牌”：“捷豹”，“年份”：2013，“颜色”：“橙色”，“vin”：“灰色34”}，
{“品牌”：“福特”，“年份”：2000，“颜色”：“黑色”，“vin”：“h54hw5”}，
{“品牌”：“菲亚特”，“年份”：2013，“颜色”：“红色”，“vin”：“245t2s”}
],
颜色：“1976D2”
}
},
组成部分：{
数据表，
专栏，
采色器
},
}