完全に別のvueコンポーネントとの通信

Question

ヘッダーに物品などを展開したり取り外したりできるウェブショップとショッピングカートがあるとします。これをvueで実装するのは簡単です。

ここでは、ページ上のどこか他のボタンを押しています（ページのどこに問題はありません） - カートを更新するにはどうすればよいですか？

つまり、任意のイベントをvueインスタンスにどのように接続すればよいですか？私は、ページ全体を膨大なビューのインスタンスにすることはうまくいくと思っていますが、それは怪しげなにおいをし、おそらくパフォーマンスに影響します。

Answer 1

私は、Vueコントロールをアプリケーションの一部にしか持たないのはフィッシーだと言いますが、あなたはVueインスタンスを外部から参照することができます。それはupdateCartというメソッドを持っており、あなたが

const vueInstance = new Vue(...); 

のようにそれを作成した場合、あなたはあなたのクリックハンドラでvueInstance.updateCart(whatever);を呼び出すことができます。