使用 Vue 和路由的组件之间的通信

Question

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

如果您点击教师 > 学生列表 > 勾选（第一个），您将呈现一个组件（学生成绩）。在那里，我想从存储在学生列表中的学生数组中输出数据。

我该怎么做？

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

Answer 1

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

示例：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）。

祝你好运。