Vuex에서 사용자 지정 개체 메서드를 사용하는 방법은 무엇입니까?

Vuex에서 사용자 지정 개체 메서드를 사용하는 방법은 무엇입니까?

저는 바늘 논리를 캡슐화한 여러 사용자 지정 js 개체가 있습니다.따라서 이러한 개체는 vuex와 전혀 관련이 없습니다.

export default class Property {
   constructor(object) {
      // some logic
   }
   addChild(property) {
      // some logic
   }
}

또한 내 vue 구성 요소에 button이 있는데, 이 버튼은 vue를 발사하는 방법입니다.

methods: {
    addItem() {
        this.property.addChild();
    },
},

그리고 문제가 있습니다.this.propertyvuex 스토어의 개체입니다.따라서 메소드를 그런 식으로 호출하면 값 오류가 발생합니다.

Error: [vuex] Do not mutate vuex store state outside mutation handlers.

네, 부에가 원하는 것을 이해합니다.하지만 저에게는 복잡한 논리를 바늘로 된 물체에 캡슐화하는 것이 더 명확합니다.또한 글로벌 앱 상태에 vuex를 사용하고 싶습니다.

그래서 vuex와 사용자 지정 객체 메소드를 처리하는 방법에 대한 경험을 공유해 주시겠습니까?

vuex를 사용하려면 변환을 사용하여 상태를 변경하기만 하면 됩니다.그러면 Property 객체의addChild기능, 당신이 상태를 바꿀 수 있는 곳, 나는 당신이 그것을 그렇게 할 것이라고 가정합니다.

Store.state.xxx = 'new'

그렇게 하는 대신에, 당신은 돌연변이를 다음과 같이 부릅니다.

Store.commit('alterState')

복잡성 면에서 큰 차이가 없지 않습니까?

언급URL : https://stackoverflow.com/questions/54200099/how-to-use-custom-object-methods-with-vuex