VueJs SPAで状態管理を使用する理由は？

Question

私はシングルページアプリケーションを作るためにvue/vue-cliを学ぼうとしています。

私は、デフォルトの私は、複数のコンポーネントにいくつかのデータを使用したいvue init webpack

を使用しています。私はまた、いくつかの '計算された'変数を、それらを '再計算'せずに複数の場所で使用したいと思っています。

共有データの場合、誰もがVuex（または単純なオブジェクトの単純な代替案を推奨しますが、単純なオブジェクトは計算されたものを共有できないと理解していますが、各コンポーネントはその計算を再計算する必要があります自分自身を計算した）。

私はApp.vueであると信じている単一の焦点があります。なぜ私はすべての「データ」変数とApp.vueの「計算された」変数を持つことができません。他のコンポーネントは、$ root.SharedDataまたは$ root.MyComputedまたはそれに類するものを介して必要なデータにアクセスするだけですか？

私は何かを誤解していますか？ちょうど$ルートを使用して主要な欠点はありますか？私はそれについて多くの情報を見つけることができません。あなたはそれが簡単App.vueのように一箇所にすべてを持っているかもしれません、しかし、後の段階で、異なるコンポーネント/モジュール間の同期を追求するために頭痛になり始めるため

Answer 1

、常ににすべての一般的なものを持っていることをお勧めします'状態'に存在し、アクションや突然変異を使って直接的なDOM操作を避けます。しかし、VueのJSは、軽量で、状態管理の重要性を理解するためにVUEXの状態図とそのライフサイクルを通過します。