いくつかの UI コンポーネントを実装しようとしていますが、現在ドロップダウンに取り組んでいます。ドロップダウンを開くには他のすべてを閉じる必要があるため、Vuex.Store を使用してグローバル状態を維持しようとしています。しかし、それは私にとってはうまくいきません。
これが私の現在の試みです: https://jsfiddle.net/2y573o24/1/
this.$forceUpdate()(コメントアウト) がないと、ビューはメソッドで更新されません。ただし、現在のコンポーネントを強制的に更新しますが、他のコンポーネントは更新しません。これが共有状態のポイントです。
EDIT1: ここで mapState を使用しようとしています: https://jsfiddle.net/2y573o24/3/
EDIT2：だから私はVuex docsのカウンターの例でゼロから始めて、それをある程度機能させました：https ://jsfiddle.net/ssr9pkLa/1/
ただし、状態の直接のルートの子 (ddCounter) を更新し、それをテンプレートに表示する必要があります。状態オブジェクトへの変更を追跡する方法がないということですか?