Vuex에서 돌연변이와 동작의 차이점은 무엇입니까? (자세한 튜토리얼)

이제 Vuex에서 Mutation과 Action의 차이점에 대해 자세히 설명하겠습니다. 좋은 참고 가치가 있으며 모든 분들께 도움이 되길 바랍니다.

액션과 돌연변이의 차이점은 경쟁 조건을 해결하는 것이 아니라 devtool을 사용하여 상태 변경을 추적할 수 있다는 것입니다.

사실 vuex에서 액션은 단지 아키텍처 개념일 뿐이며 최종적으로는 함수일 뿐입니다. 끝. 비동기 경쟁 조건을 처리하는 방법은 사용자 자신의 사업입니다.

vuex의 유일한 실제 제한은 돌연변이가 동기식이어야 한다는 것입니다(redux에서는 리듀서가 다음 상태를 동기식으로 반환해야 하는 것과 같습니다). 동기화의 의미는 각 변이가 실행된 후 새로운 상태(리듀서와 동일)에 대응할 수 있어 devtools가 스냅샷을 찍어 저장할 수 있고 마음대로 시간 여행을 할 수 있다는 것입니다. devtool을 열고 비동기 액션을 호출하면, 호출된 변이가 언제 기록되는지 명확하게 확인할 수 있고, 해당 상태를 즉시 확인할 수 있습니다.

개인 테스트: Mutation에서 비동기 작업을 하면 dev-tools에서 바로 스냅샷이 출력되는데 아직 비동기 작업이 완료되지 않아 이때의 스냅샷 정보가 잘못된 것입니다.

액션에서 비동기 작업을 수행할 때 dev-tools는 비동기 작업이 완료될 때까지 기다렸다가 돌연변이 스냅샷을 인쇄합니다. 이를 통해 시간 이동을 더 쉽게 검토하고 특정 돌연변이의 변경 사항을 볼 수 있습니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

ES6를 사용하여 WeakMap을 통해 메모리 누수 문제 해결(자세한 튜토리얼)

vue2에서 전역 변수를 설정하는 방법은 무엇입니까? (자세한 튜토리얼)

JS에서 문자열 연결을 구현하는 방법(String.prototype.format 확장)

위 내용은 Vuex에서 돌연변이와 동작의 차이점은 무엇입니까? (자세한 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!