予備的注釈1.Vue2.xとVue3.xの違い:
2. ここでは、Vuex のいくつかの属性の使用を拡張および補足するだけです。 ゲッターが追加されましたゲッターがサブモジュールに記述されている場合、ゲッター属性のメソッドには合計4つのパラメータがあります。 ゲッター: { /** * パラメータの説明: * 状態: 現在のモジュールの状態を表します * getters: 現在のモジュール内の getters オブジェクトを表します。通常は同じレベルの他のメソッドです。 * rootState: メイン モジュールの状態オブジェクトを表します。 * rootGetters はメイン モジュールの getters オブジェクトを表します。 * * メインモジュールは - index.js */ getName(状態、ゲッター、ルート状態、ルートゲッター){ // 手順 // 状態とゲッターは直接呼び出すことができます // rootState.モジュール名.属性名 // rootGetters['モジュール名/このサブモジュール下のゲッターメソッド名'] //状態を除く他のすべての関数は命名規則に準拠した [''] を使用します }, ....... } 追加されたアクションアクションがサブモジュールに記述されている場合、アクション メソッドの最初のパラメータ 意味 // サブモジュール内のアクション アクション: { /** * パラメータ1: contextはオブジェクトです。現在のアクションがサブモジュールで定義されている場合、 * コンテキストには開発者が使用できる次の 6 つのオブジェクトがあります * * 1. コミット: ミューテーションを呼び出す * (1). このモジュールは、commit('このモジュールのミューテーションメソッド名', 実際のパラメータ) を呼び出します。 * (2). 他のモジュールの呼び出し: commit('モジュール名/他のモジュールのミューテーションメソッド名', 実パラメータ, {root: true}), * {root:true} 固定パラメータ、メインモジュールとして呼び出すことを意味します * 2. state: 現在のモジュールの状態を取得します * 3. ディスパッチ: アクションメソッドを呼び出す * (1). このモジュールは、dispatch('このモジュールのアクションメソッド名', 実際のパラメータ) を呼び出します。 * (2). 他のモジュールからの呼び出し: dispatch('モジュール名/他のモジュールのアクションメソッド名', null, {root: true}) * 4. ゲッター: 現在のモジュールのゲッターを取得します * 5. rootState: メインモジュールの下の状態 * 6. rootGetters: メインモジュール下のゲッター * * パラメータ 2: 値はコンポーネントを呼び出すときに渡されるパラメータです */ refreshUserName(コンテキスト、値){ タイムアウトを設定します(()=>{ store.commit('mutations メソッド名', 実際のパラメータ値) },2000) } } 呼び出し (Vue3.x) 'vuex' から {useStore} をインポートします。 設定(){ 定数ストア = useStore() // ストア === this.$store store.dispatch('モジュール名/アクションメソッド名', パラメータ値) } 開発中に上記の6つのオブジェクトを使用する場合は、 以下は公式サイトからの例です。 上記は、Vuex でのゲッターとアクションの使用に関する補足説明の詳細な内容です。Vuex でのゲッターとアクションの使用に関するより詳しい補足情報については、123WORDPRESS.COM の他の関連記事に注目してください。 以下もご興味があるかもしれません:
|
<<: Linux SecureCRT の文字化けの解決方法
>>: MySQL の 3 つの Binlog 形式の概要と分析
仮想マシンは非常に便利なテストソフトウェアです。ハードウェアに損傷を与えることなく、さまざまなテスト...
この記事では、Linux 環境の Apache サーバーでセカンダリ ドメイン名を構成する方法につい...
最近、分散型およびビッグデータ技術について学ぶために、いくつかの仮想マシンに取り組んでいます。まず、...
この記事の例では、キャンバスをベースにした超クールな水の光の効果を実装するための具体的なコードを参考...
HTML に <script> スクリプトを追加する方法: 1. HTMLにJavaSc...
目次1. redux とは何ですか? 2. 還元の原則3. redux の使い方は? (1)redu...
Yum (フルネームは Yellow dog Updater, Modified) は、Fedora...
目次序文provide/inject を通じて Vuex 関数を実装する方法このプラグインをアプリケ...
最初のステップはTypeScriptをグローバルにインストールすることですnpmを使用してインストー...
1. ファイルを現在のディレクトリに解凍しますコマンド: tar -zxvf mysql....ta...
目次前提条件テストページの設定書き換えルールの作成命名規則モードの定義アクションの定義設定ファイル内...
公式、電子商取引、ソーシャル ネットワーキング、個人のいずれの Web サイトでも、訪問者に貴重な時...
Docker では、ポート マッピングを使用して、Docker コンテナーのサービスをホスト マシン...
前回、Taobaoの詳細ページを分析した後(クリックして表示)、ショッピングモールの基本テンプレート...
この記事では、5つ星の評価を獲得するためのJSの具体的なコードを参考までに共有します。具体的な内容は...