次の単純なコードは、いくつかのコンポーネントとルート インスタンスの両方が、vuex オブジェクトからバインドするのではなく、コンソールにエラーを記録するため、多くの頭痛の種になっています。ここで何が欠けている可能性がありますか?

私のコードでは、Vue.use(Vuex) を呼び出していますが、このフィドルでは必要ありません (Vuex は既に登録されていると表示されます)。また、データのある行のコメントを外すと、コンポーネントが適切にレンダリングされることに注意してください。

どんな助けでも大歓迎です。

vuex ストアに問題があります。vue2 と vuex2 を使用しています。

特定のアクションをディスパッチすると、ストア内の 2 つの要素の状態が変わります。これは、説明するダミーデータに影響を与える私の状態の一部です。

クライアント配列があります。

現在選択されているクライアントを含むクライアントオブジェクト。クライアントユーザーオブジェクトとアドレスオブジェクトを個別に変更するアクションがあります

行動

突然変異

これは、1 つのコンポーネント内で使用するいくつかの計算されたプロパティです。

これは私が使用するいくつかのウォッチャーで、アクションをディスパッチします

SET_CLIENT_PROFILE_ADDRESSESがディスパッチされると、client.addresses 内のアドレスと、そのアドレスに対応するクライアントオブジェクト内のアドレスが変更されます。client.addresses部分のみを変更する必要があります。

なぜそうしているのか、理由がわかりません。

client.addressesのみを変更したい

//お店

//成分

//見る

//エラー

ユーザーが複数のセグメントを編集できるページがあります。すべてのセグメントには名前と、追加/削除できるフィルターの配列があります。

Index.vue

セグメント.vue

Filters.vue

フィルターを削除するたびに、Do not mutate vuex store state outside mutation handlers.エラーが発生します。コンポーネントのプロパティを介してフィルター配列を何回渡しても、それらは依然として反応性を維持し、フィルター コンポーネントの変更は、エラーをスローする vuex ストアにまで伝播するためです。

入力のセグメント名も同様です。ただし、ドキュメントでフォームを処理する方法の例があります。

しかし、どうすればフィルターを機能させることができますか? フィルター用に別のストアを作成しますか? しかし、ページに独自のフィルターを持つ複数のセグメントがあるため、混乱します...私は立ち往生しています:(

Vuex Actionsで指定されているように、Vuex でmapActionsを使用しようとしています。

しかし、それはで私SyntaxError: Unexpected tokenを与えてい...ます。何が問題なのか、質問にどのような詳細を含める必要があるのか​​ わかりません。

次の状態の Vuex ストアがあります。

コンポーネント内で、状態の変化を監視しauthed、AJAX 呼び出しをサーバーに送信したいと考えています。さまざまなコンポーネントで実行する必要があります。

を使ってみましたが、 or のどちらかが変わるstore.watch()と発火します。また、プロパティを指定できないという点でも異なります。私がこれをやろうとしたとき：idauthedvm.$watch

このエラーが発生しました：

[vuex] store.watch only accepts a function.

どんな助けでも大歓迎です！

ApiService()API 呼び出しを抽象化している があります。サービス内からアプリ レベルの変更をdispatch('SET_BUSY')行いたいの ですが、次のエラーが発生します。dispatch('SET_NOT_BUSY')

/vuex/actions.js

/vuex/services.js

請求書を想像してみてください。商品があります。各製品には、計算されたプロパティ 'total' (数量 * 価格) が必要です。請求書の合計も計算されたプロパティです (すべての製品の合計の合計)。どうすればこれを解決できますか？ストア状態で 'products' 配列属性を作成し、別の製品ストアにプッシュしようとしました。しかし、厳密モードではブラウザがクラッシュしたため、おそらくこれは正しい方法ではありません:)