Vue.js中缺少必需的道具

我是新来的

vue.js

，所以我可能遗漏了一些明显的东西。我已经创建了两个组件

Content.vue

和

ViewMore.vue

。我正在将

Content.vue

中数组“animesByGenre”中的属性“genre”传递给

ViewMore.vue

，但不知何故它不起作用

以下是Content.vue组件：

{{animesAndGenre.genre.toUpperCase（）}

{{anime.attributes.canonicalTitle}

评级：{{anime.attributes.averageRating}
加入观察名单
从“/ViewMore.vue”导入ViewMore；
从“axios”导入axios
导出默认值{
名称：'内容'，
组成部分：{
“查看更多”：查看更多，
},
数据（）{
返回{
下一个按钮：false，
prevButton:错误，
viewMoreButton:false，
结果：“”，
动画：''，
类型：[“冒险”、“动作”、“惊悚”、“神秘”、“恐怖”]，
动物分类：[]
}
},
创建（）{
这个。getAnimes（）；
//这个.getRowAnime（）；
this.genres.forEach（（流派）=>{
这个。getAnimeByGenres（体裁）；
});
},
}

下面是

ViewMore.vue

组件（我现在只想记录流派）：

从“axios”导入axios
导出默认值{
道具：{
类型：{
类型：字符串，
要求：正确，
},
},      
数据（）{
返回{
阿拉尼姆：“，
}
},
创建（）{
console.log（this.genre）；
}
}

向路线传递道具不是这样的。现在，这些代码所做的只是将

类型

道具应用到按钮本身，而不是应用到它要走的路线。您需要将流派作为参数（

/viewmore/：genre/

）或作为查询的一部分（

/viewmore？genre=…

）添加到URL中