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