vuex とコンポーネントを併用する手順の詳細な説明

今回はvuexとコンポーネントを併用する際の注意点について詳しく解説していきます。実際の事例を見てみましょう。

公式定義: Vuex は、Vue.js アプリケーション専用に開発された状態管理パターンです。私の理解では、vuex はフロントエンド データベースです。

1. まず、コアとなるのは倉庫であり、状態が含まれるため、最初のステップは新しいストアを作成することです。

表示インターフェイス:

ここで、state は、すべてが保管されている倉庫ストアです。

2. 状態からデータを取得するには Lodash を使用する方が便利です。構文は次のとおりです。

vuex getters を使用することもできます。

属性とメソッドを介したアクセスは待機します。 https://vuex.vuejs.org/zh-cn/getters.html

3. vuex にデータを保存します。ミューテーションを使用する場合、Vuex ストアの状態を変更する唯一の方法は、ミューテーションを送信することです。

構文:

コンポーネント内の構文:

次のような 2 つのパラメーターを受け入れます。1 つは状態、もう 1 つはロード (つまり、

object の形式で渡したい任意の値) です。 :

上記の例では、「open_table_layer」はメソッドです。このメソッドで受け入れられるパラメータは 1: 状態、2: 受信する {index:. 。 。 。 。 } (上の図)

メソッドの構文;

この記事の事例を読んだ後は、メソッドを習得できたと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Angularルートガードを使用する手順の詳細な説明

react-routerルートからのReactのログイン検証制御手順の詳細な説明

以上がvuex とコンポーネントを併用する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。