Vuex의 state 및 mutations를 사용한다면..

Question

강의 정말 잘 보고 있습니다 강사님. 해당 섹션까지 보고 난 후 궁금사항이 생겼습니다. 앞서 배운데로 props와 emit를 이용하여 컴포넌트간 데이터 교환방법을 익혔는데, Vuex의 state와 mutations로 리팩토링을 하는 것을 보면서 실무에서 props와 emit은 사용할 일이 없어보이는데, 두가지 데이터 전송방법이 어떤 경우에 각각 사용이 되고, 사용하는 것이 유리한지 궁금합니다. 질문을 제대로 한건지 모르겠네요.. ^^;

캡틴판교 · Answer

안녕하세요 유재승님,
좋은 질문이네요. 제 개인적인 생각을 공유해드리자면 모든 애플리케이션 로직을 Vuex에 넣는 것은 좋지 않을 것 같습니다. Vue 창시자 에반 유도 같은 말을 한적이 있구요. Vuex가 확실히 UI 컴포넌트 구조를 바꿨을 때 기존 코드를 재활용하기 좋지만 초기에 아무래도 코드를 많이 작성해야되기 때문에 불편한 부분이 있긴 합니다. 예를 들어, 데이터를 받아오는 하나의 API만 처리하려고 해도, action - mutation - state 파일들을 다 일일이 작성해야하죠. 따라서, 해당 컴포넌트의 데이터가 다른 컴포넌트에서 사용될 일이 전혀 없다면 뷰엑스를 쓰는건 의미가 없을 것 같습니다. 참고하셔서 진행해보세요.
강의 수강해주셔서 감사합니다.

Yu Jae Seung · Answer

아.. 재활용성을 기준으로 생각을 해보면 되겠군요. 이해가 된 것 같습니다~ 답변 감사합니다~^^