今回はvuexを使用する手順について詳しく説明します。vuexを使用する際の注意点は何ですか?実際の事例を見てみましょう。
vuex は、vue.js 用に特別に設計された集中状態管理アーキテクチャです。州?私はこれを、他の Vue コンポーネントと共有する必要があるデータ内のプロパティ の一部 (状態と呼ばれる) として理解しています。簡単に言えば、データ内で共有する必要があるのは属性です。
1. vueコンポーネントで
のenabledcheckboxメソッドを実行します。 trueは状態の値を変更するために使用されるパラメータですthis.$store.dispatch("enabledcheckbox",true)
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)
データインタラクションを実現するためのvue+axios
以上がvuexの利用手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。