Javascript Vue.js，父级未响应子级事件

我遇到了一个问题，父组件没有响应子组件的事件。使用Vue Developer工具，我可以看到

组件正在发出

事件加载

事件，但父组件没有响应

父HTML是

<div class="appContainer" v-on:events_loaded="test" v-bind:class="{ 'appContainer--isLoading':is_loading }">
    <app-header></app-header>
    <div class="appView" id="js-appView">
        <aside class="appAside">
            <date-picker></date-picker>
        </aside>
        <main class="appMain">
            <calendar></calendar>
        </main>
    </div>
</div>

---

您想收听

日历中的事件

，因此应在日历组件上编写

v-on

：

<calendar v-on:events_loaded="test"></calendar>

---

不在父组件的容器上。

您希望从

日历中侦听事件，因此应在日历组件上写入
v-on
：

<calendar v-on:events_loaded="test"></calendar>



不在父组件的容器上