イベントカスタムイベント、VUEにかなり新しいコンポーネント

Question

から聞く

ちょうどメインVUEインスタンス（親）からカスタムイベントを放出することが可能であるかどうかを知りたいとコンポーネント、ここJSできましたそのカスタムイベントを聞いて、そのイベントがトリガーされたときにそれに応じて行動しますか？

vueインスタンスにカスタムイベントをトリガーしたい場合は、ライフサイクル関数を実装して、すべてのコンポーネントを初期化できます。

ex。

メインVUEインスタンス

new Vue({ 
    el : '#main-app', 
    mounted : function() { 
     this.$emit('init-app'); 
    } 
}); 

そして、さまざまなコンポーネントで、それはそれがトリガーまたは放出されたとき 「のinit-アプリ」カスタムイベントは、それに応じて行動するために聞くことができます。

ないVUE jsのイベントリスナーでこれだってを行う方法がわからは、HTMLタグに添付されていますか？イベントリスナまたはコンポーネント内の機能は、親からのイベントだけが放出されるだけでトリガされますか？

注：私はVUEのJS 2.0.3 を使用していて、私のコンポーネントがグローバルである、彼らは

EXをインライン化されていません。

Vue.component('my-component', { 
    template: '#component-template' 
}); 

後でさらにコンポーネントを追加できます。

ありがとうございます。

Answer 1

あなたの子コンポーネントを初期化する正しい方法は、あなたの子コンポーネントごとにcreated:ライフサイクルフックを使用することです。

理由：それはあなたが親コンポーネントからあなたinit-appイベントを送信するとき、あなたの子コンポーネントがインスタンス化されないことが十分に可能です。したがって、初期化されることはありません。

イベントに関する追加の注意：子コンポーネントから親コンポーネントにイベントを送信する場合は、this.$parent.$emit("my-event-code")を使用し、親サイドでthis.$on("my-event-code")として受信する必要があります。私は最近、様々な方法を試して数時間後にそれを理解しました。

init-appイベントを親から子に送信しようとしている場合は、子コンポーネントをthis.$parent.$on("init-app", ...)としてリッスンする必要があります。これはまだ検証されていませんが、これは現在の理解です。