Javascript Vue.js：如何将方法从一个组件触发到另一个组件

Vue.js版本2.6.11合并到asp.net核心mvc视图中

想象一下下面的场景。 一个页面上有两个组件

<v-masterlist v-bind:dummy-prop="dummyProp"> </v-masterlist>
<v-detail v-bind:itemid="itemId"></v-detail>

主列表在创建时从api上检索项目列表。当一个项目被选中时，组件将发出一个由页面捕获的事件。更新itemId，触发detail组件从api检索完整记录

在“详细信息”组件中，用户可以更新或删除该记录。这些操作将触发masterlist再次从api检索更新的项目列表

我现在在主列表上设置了一个虚拟道具。只要该属性发生更改，就会从api中检索该列表

在详图构件中更新/删除时，将发出一个事件，解释执行了什么操作（更新/删除）。该事件在页面中被捕获，将dummyProp设置为一个新的随机值，从而触发masterlist自我更新

---

它工作正常，但看起来很凌乱。如果主列表能够捕获细节所发出的事件，那就更好了。可能吗？或者其他建议？

在我们开始使用这个发射器组件的最后，效果很好

Vue 2中的兄弟姐妹通信--