Open2

Vuexとは何か?

ふじしろふじしろ

Vuexとは?

Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 これは予測可能な方法によってのみ状態の変異を行うというルールを保証し、アプリケーション内の全てのコンポーネントのための集中型のストアとして機能します。
出典;Vuex とは何か? | Vuex

  • State
  • View
  • Action
    からなる状態変化の流れを、いい感じに扱えるようにするためにVueが提供するライブラリ。

状態管理とは?

状態管理 | Vue.js

ふじしろふじしろ

State:"信頼できる唯一の情報源 (single source of truth)" 。Vuexの状態を表し、データを保持する役割を持つ。
Getters:stateを引数にし、stateの値を加工して出力する
Mutations:stateを引数にし、stateの値を実際に変更する。変更のタイミングを確実に保持するため、非同期処理は禁止。
Actions:mutationsをコミットする。mutationsと違い、非同期処理が可能。
Modules