使用Vuexはイベントバス通信コンポーネントの機能を実現します

1.Eventバスの実装

まず、VUE（イベントバス）の新しいインスタンスを作成し、および$ EMITに$イベント・バス・コンポーネントを使用する必要性に導入され、このインスタンスオブジェクトに固定されている、Aの任意の関係の実現は、Bは、コンポーネント間の通信、コードは以下の通りであります：

//bus.js
「表示」からインポートビュー
輸出デフォルト新しいヴュー（）

//コンポーネントトリガイベント
バス。$エミット（「イベント名」パラメータ）

// Bコンポーネントはイベントに耳を傾けます
バス。$オン（「イベント名」、コールバック）

達成2.Vuex

私は、B成分で、このブール値は、（データが同時に更新することができ、状態の値がで計算して書き込む必要があります）、適切なアクションを実行Aコンポーネントモニタ変更でこのプロパティを変更するにはコミット、プロパティのブール値の状態で新しいことを考えていますコードは以下の通りです

//store.js
状態（）{
    {戻ります
        initValue：偽
    }
}、
変異：{
  changeData（状態値）{
    state.initValue =値
  }
}

//コンポーネントが変更を送信します
この。$のstore.commit（ "changeData"、真）    

// Bモニタ状態値成分
計算：{
  initValue（）{
    これを返す。$ store.state.initValue
  }
}
//キー：時計のプロパティの変更をリスニングinitValueを使用して計算（計算されたコンポーネントは、データ型で、他の2つは小道具、データあり）
見る： {
  initValue（newValに、OLDVAL）{
    //データ変更操作を行っ
    console.log（newValに、OLDVAL）。
  }
}