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の値を変更するミューテーションを追加ミューテーションにアクションを追加

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)

main.js内で

import store from './vuex'
new Vue({
 el: '#app',
 router,
 store,
 render:h=>h(App)
})

こちらのケースを読んでメソッドをマスターしたと思いますさらにエキサイティングなコンテンツについては、php 中国語 Web サイトのその他の関連記事をご覧ください。

推奨読書:

Angular コンポーネントと対話する方法

vue-route+beforeEach を使用してナビゲーション ガードを作成する

以上がvuex エクスポート オブジェクト ペアは状態に値を追加しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。