Vue.js、親が子イベントに応答しない

Question

親コンポーネントが子イベントに応答しないという問題が発生しました。 Vueデベロッパーツールを使用すると、コンポーネントによってevents_loadingイベントが放出されていますが、親プロセスが応答していないことがわかります。

親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> 

そしてJSがある...

export default { 
    name: 'app', 
    methods: { 
     test: function() { 
      alert('sdfds'); 
     } 
    }, 
    data: function() { 
     return { 
      is_loading: false 
     } 
    }, 
    components: { 
     'app-header': AppHeader, 
     'date-picker': DatePicker, 
     'calendar': Calendar 
    } 
} 

Answer 1

あなたは上のv-onを書く必要がありますので、calendarからイベントを聴きたいですカレンダーコンポーネント：

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

親コンポーネントのコンテナにはありません。