如何从组件传递数据并在方法中使用数据？

Question

我正在做一个记忆游戏，如果它们不是一对，我试图让卡片自动翻转回来。 这是代码：

我想将“isFlipped”数据传递给我的 main.js。

Card Handler 方法这是我的卡片组件

Answer 1

您可以做的一件事是使用 bus 或 eventBus。

您需要做的第一件事是创建事件总线并将其导出到某个地方，以便其他模块和组件可以使用它。

从'vue'导入Vue；

导出const EventBus = new Vue();

您需要做的就是导入 Vue 库并导出它的一个实例。 （在本例中，我将其称为 EventBus。）您实际上获得的是一个与 DOM 或应用程序的其余部分完全分离的组件。 它上面存在的只是它的实例方法，所以它非常轻量级。

假设你有一个非常兴奋的组件，它感觉需要在有人点击它时通知你的整个应用它被点击了多少次。 下面是如何使用 EventBus.emit(channel: string, payload1: any, ...) 来实现它。