Javascript Laravel和Vue将数据从刀片服务器内的组件1发射到组件2

不知道这是否可能

但这里是背景

我有一个左侧导航栏，其成员身份为（活动/非活动）。 当支付网关接收到支付时，将通过Padle（Laravel Paile API）发送webhook

在webhook期间，我将用户重定向到感谢页面（带有vue组件的刀片）

app.js

let Event = new Vue();
window.Event = Event;

navbar.blade.php

<componentOne></componentOne>
<componentTwo></componentTwo>

第二部分：

    mounted() {
        this.fetchStatus();
        Event.$on("updateStatus", () => {
            setTimeout(() => {
                console.log('testing!');
            }, 4000);
        })
    },

我希望在组件2中也能看到这个，但什么都没有

知道我做错了什么吗？这是我第一次尝试在刀片内部实现这一点

我知道这两个组件都在一个PHP页面中，但我希望Vue可能仍然能够通过app.js进行通信

---

谢谢

可能是一种竞争条件，其中componentOne在安装componentTwo之前发出事件，因此它尚未侦听。尝试将$on call移动到created（），甚至在$emit上设置一个超时。不过，我可能误解了你的想法。

请用评论来寻求提问者的澄清，而不是答案。@miken32不确定种族条件可能是罪魁祸首的说法正在寻求澄清，特别是在类似的情况下，这对我来说是个问题，但我会记住你的建议。

    mounted() {
        this.fetchStatus();
        Event.$on("updateStatus", () => {
            setTimeout(() => {
                console.log('testing!');
            }, 4000);
        })
    },