はてなブックマーク

導入 Vueを使用して、フラッシュメッセージ（一時的に表示され、一定時間経つと自動的に消えるメッセージ）を作成するために、Vuexのストア機能を利用します。 なぜフラッシュメッセージの表示にVuexを利用するのか？ Vuexのメリットとは？ Vuexを利用するメリットは以下のようなことだそうです。 アプリケーション全体に関わる「状態」を、コンポーネントがバラバラに持たずに、ストアというデータ保管場所で一括で管理することにより、データ移動の複雑性が一気に解消される、という点にある。 ちょいとむずいな〜。 どういうことかというと、以下の図をから説明してみます。。。 例えば、Bというコンポーネントで何らかの状態が変化して、DコンポーネントのUIを変更しなければならない場合、Vuexを使用しないと何が起こるのでしょうか？ Vueのコンポーネント間では、兄弟関係のデータの受け渡しはできず、必ず「親か