vuexとreduxの違い

Vuexは同期モードと非同期モードで異なります\

ビュー->コミット->変更->状態変更->ビュー変更(同期操作)

ビュー->ディスパッチ->アクション->変更->状態変更->ビュー変更(非同期操作)

Reduxの同期と非同期の方法は同じです。

ビュー->ディスパッチ->アクション->リデューサー->状態変更->ビュー変更(同期および非同期)

Vuexはvueでのみ機能します。Vuexはreduxのレデューサー部分をミューテーションに変更しますが、レデューサーはスイッチまたはその他の状況に分割する必要がありますが、vuexのミューテーションの場合は、メソッドを直接記述してもかまいません。

Vuex&Reduxワークフロー

ここに画像の説明を挿入
ここに画像の説明を挿入
ユーザーがビューの操作後にアクションを送信すると、ストアはアクションのタイプに応じてすべてのレデューサーをトラバースし、対応するレデューサーを見つけて状態を変更します。

ReduxとVUEX
ストアと状態の比較分析は最も基本的な概念であり、VUEXは変更を加えていません。実際、VUEXはフレームワーク全体の考え方に変更を加えていませんが、一部のコンテンツでは名前または名前が変更されています。名前の変更により、図の詳細や概念が異なります。

  • VUEXはディスパッチの存在を弱めます。VUEXは、状態変更のトリガーは単なる「送信」であると考えており、呼び出しメソッドは、フレームワークが送信用のコミットAPIインターフェイスを提供することです。
  • VUEXはReduxのアクションの概念をキャンセルします状態の変化は「動作」によってトリガーされる必要があるというReduxとは異なり、VUEXは、いつでも状態の変化をトリガーするために必要なのは突然変異だけであると考えています。Reduxアクションはオブジェクトである必要があり、VUEXは、必要なパラメーターが渡されている限り、フォームは必要ないと考えています。
  • VUEXは、Reduxのレデューサーの概念も弱めます。コンピューター分野でのレデューサーのセマンティクスは「法令」である必要があります。これは、古い状態とアクションの入力パラメーターに従って、新しい状態が「法令」であることを意味します。VUEXでは、対応するのは突然変異、つまり「遷移」であり、入力パラメーターに従って古い状態を「遷移」するだけです。

一般に、VUEXは、大幅な削減を行わずに概念を弱めることで、フレームワーク全体を理解しやすくしました。同時に、vuexとreduxの両方がグローバル状態ストレージオブジェクトとしてstoreを使用します。

さらに、VUEXは、操作中にキャッシュされるゲッターをサポートします。パフォーマンスを向上させるためにいくつかの最適化が行われました。これは、すべての人にゲッターの使用を奨励することを意味します。

vueのアクションは非同期操作を処理するために使用されミューテーションは同期操作のみを許可します

reduxでは、ディスパッチは通常の状況ではオブジェクトとして渡されます(同期操作)

redux-thunkのダウンロードredux-thunkを
使用したディスパッチは非同期リクエストの関数の受け渡しをサポートできます

参考:https//blog.csdn.net/hyupeng1006/article/details/80755667?utm_medium = distribute.pc_relevant_t0.none-task-blog-BlogCommendFromBaidu-1.control&depth_1-utm_source = distribute.pc_relevant_t0.none-task- blog -BlogCommendFromBaidu-1.control

おすすめ

転載: blog.csdn.net/Menqq/article/details/111699432