vuex의 간단한 사용

vuex는 vue.js를 위해 특별히 설계된 중앙 집중식 상태 관리 아키텍처입니다. 이번 글은 주로 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)
})

위 내용은 제가 여러분을 위해 정리한 것인데, 앞으로 여러분에게 도움이 되길 바랍니다.

관련 기사:

jQuery Ajax를 통해 파일을 업로드하는 방법

ajax를 사용하여 비동기 새로 고침 요청 구현

Ajax 요청용 FormData를 사용하여 Ajax를 통해 파일 업로드

위 내용은 vuex의 간단한 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!