vuex 내보내기 객체 쌍은 상태에 값을 추가합니다.

이번에는 상태에 값을 추가하는 vuex 내보내기 객체를 가져오겠습니다. vuex 내보내기 객체에서 상태에 값을 추가할 때 주의할 점은 무엇인지 살펴보겠습니다.

vuex는 vue.js를 위해 특별히 설계된 중앙 집중식 상태 관리 아키텍처입니다. 상태? 데이터의 속성을 상태라고 하는 다른 vue 구성 요소와 공유해야 하는 부분으로 이해합니다. 간단히 말해서 데이터에서 공유해야 하는 속성입니다.

1. vue 구성 요소에서

enabledcheckbox 메소드를 실행합니다. true는 상태의 값을 변경하는 데 사용되는 매개변수입니다.

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

상태에서 useredit 값을 가져옵니다.

this.$store.state.useredit

2 개체 쌍 vuex로 내보냄 상태에 값 추가

상태 값을 변경하려면 돌연변이 추가

돌연변이에 작업 추가

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 중국어 웹사이트의 기타 관련 기사를 주목하세요!

추천 자료:

Angular 구성 요소와 상호 작용하는 방법

vue-route+beforeEach를 사용하여 탐색 가드 만들기

위 내용은 vuex 내보내기 객체 쌍은 상태에 값을 추가합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!