具有Vue和路由的组件之间的通信

Question

我刚刚开始使用vue，但我被困在这里：我想将信息从一个组件传递到另一个组件。我正在使用路线。

如果你点击老师＆gt;学生列表＆gt;检查（第一个）你渲染一个组件（学生成绩）。在那里，我想输出存储在学生列表中的数组学生的数据。

我该怎么做？

这是我的工作： https://codesandbox.io/s/61xk8xjy63

Answer 1

我建议在params中使用vue-router。

示例：https://codesandbox.io/s/zrk6r0o4ml。

在使用命名路径的示例中（文档：https://router.vuejs.org/essentials/named-routes.html）和参数路径（文档：https://router.vuejs.org/essentials/passing-props.html）。

此外，我使用v-for显示数据数组（文件StudentList.vue，文档：https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for）。

祝你好运。