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

Question

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

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

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

有没有办法在单独的组件中捕获所有这些事件，计算数据并在整个应用程序中发出？

Answer 1

您可以使用global event bus来监听/发出应用程序全局范围内的事件。

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

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