vuexの利用手順を詳しく解説

今回はvuexを使用する手順について詳しく説明します。vuexを使用する際の注意点は何ですか?実際の事例を見てみましょう。

vuex は、vue.js 用に特別に設計された集中状態管理アーキテクチャです。州？私はこれを、他の Vue コンポーネントと共有する必要があるデータ内の

プロパティ の一部 (状態と呼ばれる) として理解しています。簡単に言えば、データ内で共有する必要があるのは属性です。

1. vueコンポーネントで

のenabledcheckboxメソッドを実行します。 trueは状態の値を変更するために使用されるパラメータです

  this.$store.dispatch("enabledcheckbox",true)

状態からusereditの値を取得します

this.$store.state.useredit

2 オブジェクトをエクスポートしますvuex で state に値を追加します

state の値を変更するミューテーションを追加します

main.js 内のミューテーションに

action を追加します

import Vue from 'vue'
import vuex from 'vuex'
Vue.use(vuex)
export default new vuex.Store({
    state: {
      useredit: false,
    },
    mutations: {
      ENABLEDCHECKBOX(state, value) {
        state.checkboxDisable = value
      },
    },
    actions: {
      enabledcheckbox({ commit }, value) {
        commit('ENABLEDCHECKBOX', value)
      },
    }
  })
  //console.log(vuex)

この記事では、さらに刺激的な php 中国語 Web サイトの他の関連記事にも注目してください。

推奨読書:

データインタラクションを実現するためのvue+axios

Angularコンポーネントの実践スキルの詳細な説明

以上がvuexの利用手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。