Vuexでイベントを処理する方法は？

Question

グローバルなイベントバスを使用してコンポーネント間のメソッドを処理するのに慣れています。例：

var bus = new Vue(); 
... 
//Component A 
bus.$emit('DoSomethingInComponentB'); 
... 
//Component B 
bus.$on('DoSomethingInComponentB', function(){ this.doSomething() }) 

しかし、私は大規模なプロジェクトを構築しており、グローバルな状態管理が必要です。当然、私はVuexを使いたい。

このバスパターンはVuexで動作しますが、間違っているようです。私はVuexがの代わりにこのパターンの代わりにとお勧めしているのを見ました。

Vuexのコンポーネントでメソッドを実行する方法はありますか？私はこれにどのようにアプローチすべきですか？

Answer 1

Vuexとevent busは、vuexがアプリケーションの中央の状態を管理し、イベントバスを使用してアプリケーションのさまざまなコンポーネント間で通信するという意味で2つの異なる点です。

コンポーネントからvuexの突然変異またはアクションを実行し、vuexのアクションからイベントを発生させることもできます。 docsとして

は言う：

アクションは、変異に似て、違いがあることであること：

• 代わりに状態を変異の、アクションは変異をコミットします。
• アクションには、任意の非同期操作を含めることができます。

だから、アクションからバスを介してイベントを発生させることができますし、任意のコンポーネントメソッドからアクションを呼び出すことができます。