問題タブ [vuex]

Vue コンポーネントで Vuex を使用しています。コンポーネントに編集可能な静的フィールドがある場合、計算されたプロパティで簡単に処理できます。

ただし、バインドする必要があるオプションのリストをレンダリングする場合、これはどのように行う必要がありますか?

次のように Vuex で mapState を使用しようとしています。

「予期しないトークン」コンパイル エラーが発生し、Browserify が最初の太い矢印を指しています。スプレッド演算子を使用しようとすると:

コンパイルエラーは...

このような素敵な突然変異 JS ファイルがあります。

次の方法でさまざまなアクションに呼び出されています。

アクションで送信されるメタを確認しましたが、undefinedではありません。しかし、ミューテーションでメタを確認すると、あります！なんで？どうすればこの問題を解決できますか?

いくつかの 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) を更新し、それをテンプレートに表示する必要があります。状態オブジェクトへの変更を追跡する方法がないということですか?

次のコードを使用して、Vuex を使用して store.js のカウンターをインクリメントしています。インクリメントボタンをクリックすると、次のように表示されます。

[vuex] 不明なアクション タイプ: INCREMENT

store.js

IcrementButton.vue