如何從組件傳遞數據並在方法中使用數據？

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, ...) 來實現它。