Vue2とVue3の兄弟コンポーネント通信バスの違いと使い方

vue2.x

1. Vue.prototype.$bus = 新しいVue()
2. リスニング: this.$bus.$on('メソッド名', (パラメータ) => {})、蓄積できる
3. トリガー: this.$bus.$emit('メソッド名', 実際のパラメータ値)
4. 破棄: this.$bus.$off('メソッド名')、リッスンしている者は誰でもそれを破棄します
5. 注: 監視は蓄積される可能性があるため、破壊の第4段階が必要です

vue3.x

tiny-emitterプラグインの使用

プラグインnpm i tiny-emitterをインストールします

インポートと使用

'tiny-emitter/instance' からエミッターをインポートします。

'vue' から { onMounted } をインポートします

設定（）{
       マウント時(()=>{
      		モニタリング: emittingter.on('モニタリングメソッド名', (パラメータ) => {コールバック関数})
      		トリガー: emittingter.emit('listening method name', パラメータ)
      		破棄: emittingter.off('listening method name', パラメータ)
       }) 
}
	    

Mittプラグインの使用

1. npm installをインストールする

2. インポートと使用

'mitt' から mitt をインポートする

モニタリング: bus.on('モニタリングメソッド名', (パラメータ) => {コールバック関数})

トリガー: bus.emit('リスニングメソッド名', パラメータ)

破棄: bus.off('listening method name', パラメータ)

以上が、Vue2 と Vue3 兄弟コンポーネント間の通信バスの違いと使用方法です。Vue2 と Vue3 兄弟コンポーネント間の通信バスの使用法の詳細については、123WORDPRESS.COM の他の関連記事をご覧ください。