在组件之间发送数据（vue 中的事件监听器？）

Question

我是 Vue 的新手，我正在尝试在不同组件之间发送数据。

我有 2 个组件需要一起发出它们的数据： 第一个组件是项目选择器。 第二个组件是过滤器导航栏。

逻辑： 导航栏包含一个过滤器部分，我创建了一个 ItemSelector 组件并将其导入到导航栏。 我希望将在项目选择器中选择的数据发送到容器中，并根据该信息绘制一个表格。 我创建了表格的逻辑，并尝试将项目选择器组件直接导入容器并使用emit传递数据，效果很好。 问题是我在循环中又增加了一页。 现在，ItemSelector 组件将其数据发送到 FilterContainer 组件，现在应该将这些数据发送到容器！

有没有办法在一个单独的组件中捕获所有这些事件、计算数据并将其发送到整个应用程序？

Answer 1

您可以使用global event bus，它可以在您的应用的全局范围内侦听/发出事件。

另一种方法是使用 vuex 存储应用的所有全局状态。

如果你有小应用程序，我认为你应该使用事件总线，因为它比 vuex 更简单。