Vue でのイベントバスの分析

この記事では、主に Vue でのイベントバスの分析を紹介します。これは、必要な友人が参照できるようにするためのものです。

あまり言うことはなく、実際的な情報に進みましょう

。ポイント

• 単にイベントを発行してサブスクライブして、兄弟コンポーネントにメソッドを実行するように通知したいだけですか?

• イベントバスを導入し、毎回手動でコールオフしなければならない後も頭痛が続いていませんか?

• さまざまなバスの [pub, sub]、[$on, $emit]、[fire, listen] の一連のメソッド名を考えるとまだ頭が痛くなりますか?

上記が問題点である場合は、今日から Vue を使用して幸せな日々を始めましょう:

vue-event-proxy

最小限のコストで Vue がグローバル イベントをサポートできるようにします。これを追加するだけで済みます。グローバル通知を行う必要がある場合に、グローバル イベントの発行を完了するための
global: プレフィックスは簡単ですか? global:前缀即可完成全局事件发布，简单吗？

    this.$emit('global:你的事件名字');

有发布，那么监听呢？

    this.$on('global:你的事件名字', () => {});

怎么样？是不是除了在事件名字前面加了global:

$ npm install --save vue-event-proxy

がリリースされましたがモニタリングはどうなるのでしょうか？

rree

はどうでしょうか？イベント名の前に global: を追加すること以外は何も変更されていません。Vue のこの部分がわからない場合は、公式ドキュメントを用意しました。

使い方

  import EventProxy from 'vue-event-proxy';
  Vue.use(EventProxy);

プロジェクトのメインエントランス(vue-cliで生成されたmain.js)に追加します:

rrreee

次に、それを思う存分使ってください。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

デバウンス機能とスロットル機能の実装原則

NodeのHTTPコアモジュールの深い理解🎜🎜🎜

以上がVue でのイベントバスの分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。