利用Vue实现一个列表页跳转到详情页，详情页的数据可选择，然后点击确定回到列表页

Question

有一个列表页如下图：

点击每一列跳转到对应的详情页面，比如现在点击“焦油含量”，并选中10、11，详情页面如下：

如何在点击确定后将选中的数据传到列表页，并且展示在对应的“焦油含量”列中。
效果图如下：

同理，点击其他列的时候也能实现同样的效果，并且前一列选中的数据不会变。

vue新手，第一次用，真的是不知道怎么解决了，求大神指导，非常感谢！
现在数据能够传递回来并且被获取到，请问怎么样才能区分是哪一列对应的数据呐？
比如现在是通过焦油含量点过去的，选中的数据传回来后在所有列上都展示了，怎么才能只在焦油含量这一列展示？？？

Answer 1

如果是父子组件，父组件可通过props传值给子组件，子组件可通过emit()事件回调传值给父组件。不同组件间也可以通过eventBus作为通信的媒介

Answer 2

每种分类 下的筛选数据给个标识就好了

Answer 3

eventBus很方便