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

Question

Vue.js 版本 2.6.11 并入 asp.net 核心 mvc 视图。

想象以下场景。 一个页面上有 2 个组件。

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

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

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

我现在通过在 masterlist 上设置一个虚拟道具来设置它。每当该属性发生变化时，就会从 api 中检索列表。

在详细信息组件中更新/删除时，会发出一个事件，解释执行了哪些操作（更新/删除）。该事件在页面中被捕获，将 dummyProp 设置为一个新的随机值，从而触发 masterlist 进行自我更新。

它工作正常，但看起来很乱。如果 masterlist 能够捕获细节发出的事件会更好。那可能吗 ？还是有其他建议？

Answer 1

最后我们开始使用这个发射器组件，工作正常。 https://github.com/developit/mitt