javascript - vuex에서 참조 데이터 유형을 사용하는 올바른 방법을 알려주시겠습니까?

Question

vuex를 사용할 때 논리적으로 데이터가 변경되면 호출action，再让action去触发mutation을 사용하여 데이터를 업데이트해야 합니다.

하지만 다음 예처럼 데이터가 참조 데이터 유형인 경우 데이터를 직접 사용합니다v-model绑定数据，数据就可以直接更改了，不需要再调用action.

이 개체를 action，那么我只改对象中的其中一个key值，是要watch호출하고 개체가 변경되면 새 개체를 매개변수 형태로 직접 전달하면 개체 전체가 업데이트되나요? 이것은 매우 번거로운 것 같습니다. 다른 간단한 방법이 있습니까?

그래서 vuex에서 이 참조 데이터 유형을 올바르게 사용하는 방법에 대해 묻고 싶습니다.

다음은 의사 코드입니다:

상태

으아악

vue 파일

으아악

Answer 1

이 직접 수정된 vuex 상태 객체 속성의 단점은 커밋이나 디스패치 없이 Vue devtools를 통해 추적하고 디버깅할 수 없다는 것입니다.

watch를 사용하는 것 외에도 다음 방법도 고려할 수 있습니다.

https://jsfiddle.net/KingMari...
vuex에서는 updateKey1의 변형만 설정하면 되는데, 이는 딥 와처를 만드는 것보다 간단합니다. .