Vuex에서는 주로 actions와 mutations를 거쳐서 상태를 변경하는 것이 권장됩니다. 이렇게 하는 이유는 아래와 같습니다.
추적 가능성: Vuex의 변이를 사용하면 상태 변경을 추적하기 쉽습니다. 개발 도구를 사용하여 변이를 추적할 수 있고, 시간 여행 디버깅 같은 고급 기능을 이용할 수 있습니다.
일관성: 상태를 변경하는 방법을 일관되게 만들어 애플리케이션 전체에서 코드를 이해하고 디버깅하기 쉽게 합니다.
규칙화: Vuex를 사용하면 상태를 변경하는 로직을 규칙화하여, 다른 개발자들이 코드를 쉽게 이해할 수 있도록 도움을 줍니다.
그러나 간단한 경우나 비동기 작업이 필요하지 않은 경우에는 직접 상태를 변경할 수도 있습니다. 이렇게 하면 코드가 간결해지지만, 위에서 언급한 이점을 놓칠 수 있습니다.
결론적으로, Vuex에서 리스트를 담을 때 가능한 한 actions와 mutations를 사용하여 상태를 변경하는 것이 좋습니다. 이렇게 하면 코드가 일관되고 추적 가능하며, 애플리케이션 전체에서 규칙을 적용할 수 있습니다. 그러나 간단한 경우에는 직접 상태를 변경하는 것도 선택할 수 있습니다. 이 경우에도 코드의 일관성과 추적 가능성을 유지하는 것이 중요합니다.
'Vue.js' 카테고리의 다른 글
| 컴퍼넌트 슬라이드시 각 컴퍼넌트의 정보를 갱신 못 할 때 (0) | 2023.04.23 |
|---|---|
| 첫번째 이벤트글에 접속후 두번째 이벤트글에 접속시 첫번째 이벤트글이보이는 경우 (0) | 2023.04.23 |
| mutation-types.js 파일을 사용하는 주요 이유 (0) | 2023.04.21 |
| 예약정보를 저장하는 방법 (0) | 2023.04.20 |
| 브라우저 무한로딩 무반응 현상 (0) | 2023.04.19 |