Laravel Spark / Vue.js - 总线。$ emit到父组件？

Question

我有一个'仪表板'组件，其中包含'模态'和'标题'。

我的模态Vue组件有一个'updateTeam'方法：

updateTeam: function() {

   Spark.put(`/settings/${Spark.pluralTeamString}/${this.team.id}/name`, this.form)
       .then(() => {
           Bus.$emit('updateTeamData');
       });
}

我想要的是传递到我的'标题组件'的数据进行更新。

我目前的尝试是在我的主要“仪表板”组件中：

// methods()
getTeam() {
    axios.get(`/${Spark.pluralTeamString}/${this.team.id}`)
        .then(response => {
            this.team = response.data;
        });
}

// mounted()
Bus.$on('updateTeamData', function () {
    $this.getTeam();
});

我的Bus。$ emit将能够触发父组件中的方法，然后更新传递给头组件的prop。从当前代码开始，没有任何事情发生。

标题组件用于仪表板组件的模板标记：

<team-admin-header :team="team"></team-admin-header>