Vuexの基本的な使用
540 ワード
1.Vuexのインストール
2.store.jsファイルを作成し、main.jsでstoreオプションをインポートして構成する
3.store.jsファイルVuexを編集するコアはStore倉庫であり、1つのコンテナに相当する.1つのstoreインスタンスには、state--属性(状態、データ)、getters-属性の取得、actions-定義方法(動作)、commit-変化のコミットが含まれている.データを修正する唯一の方法は、明示的なコミット、mutations-変化の定義注意:データを直接変更することはできません.状態の変化を追跡するために、変化を明示的にコミットする必要があります.
4.App.vueを編集してサブコンポーネントからstoreオブジェクトにアクセスする2つの方法1つ:this.$storeアクセス方法2:mapState、mapGetters、mapActionsアクセス、vuexは2つの方法を提供します:mapstate--state mapGettersを取得--属性(データ)mapActions-取得方法(アクション)
cnpm install vuex -S
2.store.jsファイルを作成し、main.jsでstoreオプションをインポートして構成する
3.store.jsファイルVuexを編集するコアはStore倉庫であり、1つのコンテナに相当する.1つのstoreインスタンスには、state--属性(状態、データ)、getters-属性の取得、actions-定義方法(動作)、commit-変化のコミットが含まれている.データを修正する唯一の方法は、明示的なコミット、mutations-変化の定義注意:データを直接変更することはできません.状態の変化を追跡するために、変化を明示的にコミットする必要があります.
4.App.vueを編集してサブコンポーネントからstoreオブジェクトにアクセスする2つの方法1つ:this.$storeアクセス方法2:mapState、mapGetters、mapActionsアクセス、vuexは2つの方法を提供します:mapstate--state mapGettersを取得--属性(データ)mapActions-取得方法(アクション)