vuex의 상태 저장 방식

Question

vue상태값이 주기적으로 데이터를 axios로 받아, 객체형태로저장하는데 규모는 15개이상의 속성들이 존재하고 데이터타입도 다양합니다. - > 이 데이터를 토대로 여러개의 상태값에 저장 하는 상황입니다. 다만 저장 시 값자체를 바로 저장하는 것도 있지만 여러 조건문 ,약간의 연산? 비교? 를 통해 상태값에 저장하는 상황도 존재합니다.여기서 제가 궁금한 점은 데이터를 action에서 받을텐데 ex).. action {response &#61; axios~ 최초 받은 데이터 ~~~~~ 데이터 처리후 commit(&#34;a&#34;,a)commit(&#34;b&#34;,b)} 이 방법과 ex).. action {response &#61; axios~ commit(&#34;a&#34;,response )<--각각에 뮤테이션에 데이터 처리후 저장 commit(&#34;b&#34;,response )} 어떤 방법이 더 맞는지 잘 모르겠어서 여쭈어봅니다. 소중한 시간 내주셔서 감사합니다.

기검기검 · Accepted Answer

제 주관적인 의견으론 mutation은 상태를 추적이 가능하도록 변화(commit)을 주는 것이고 action은 상태를 변경할 수 있는 행동이라고 생각하기 때문에 데이터 처리 로직은 setter역을 맡는 mutation이 아닌 action이 맡아야된다고 생각합니다.

Clickin · Answer

데이터의 원천이 api response 아닌가요?백엔드개발이시니 좀 더 이해하기 쉽게 자바의 예시를 들어드리바면mutation은 class에 달린 자신의 상태값 변경 메소드인거고Commit을 바로 하는 건 setter에 해당하죠즉 캡슐화가 필요한지 아닌지를 판단해서 결정하면 됩니다.저라면 이 경우에는 외부 응답을 단순 저장하는 역할로 봐야하니 그냥 setter로 취급할겁니다.

Twisting · Answer

데이터처리는 actions에서 처리된데이터 상태변경은 mutation을 통해서합니다

vuex의 상태 저장 방식

3개의 답변

Q&A 목록