ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。