vuetorials/Vuetorials-7-Vuex-Best-Practice/

[utterances bot]

[Vuetorials] 7. Vuex Best Practice로 가는 여정 | JBEE.io

Vuex에 대한 설명은 다음 두 글을 첨부함. 5. Vuex API 6. Vuex Module pattern 진행하고 있는 프로젝트에서 Vuex를 어떻게 하면 잘 사용할 수 있을까 고민을 했고 그 과정을 기록함. 총 다섯 단계로 나누어져 있음. 관전 포인트는 다음과 같음. String을 덜 사용할 수는 없는가? 오류 발생가

https://jbee.io/vuetorials/Vuetorials-7-Vuex-Best-Practice/

[LeeChihoon]

안녕하세요! 블로그글 잘 읽었습니다.
본문 내용 중에 final Step 부분에서
"Vuex를 계속 사용하다보니 컴포넌트에 노출되어야 하는 타입은 action type 뿐임."
저 부분에 대해서 좀 더 자세히 설명가능 할까요??
현재 nuxt로 프로젝트를 진행중인데 component에서 직접 this.$store.commit 으로 스토어에 접근을하고 있습니다.
action은 비동기 처리(api 호출)만 처리하고 단순 state 값 변경은(api 호출 X) component단에서 commit으로 바로 처리하고 있어서요
컴포넌트에 노출되어야 할 타입이 action 뿐이라면 비동기 처리가 아닌 단순 state 값 변경도 action을 통해서 한다는 의미일까요?

[Jbee]

@freezboi
안녕하세요, 오래된 글이라 댓글 확인이 늦었습니다. 이 best practice라는 제목의 글은 제 짧은 vue 경험을 기반으로 작성되었음을 먼저 인지해주시면 감사하겠습니다 ㅎㅎ

"Vuex를 계속 사용하다보니 컴포넌트에 노출되어야 하는 타입은 action type 뿐임."
저 부분에 대해서 좀 더 자세히 설명가능 할까요??

좀 더 풀어서 말씀드려보면 컴포넌트가 store에 직접 접근하지 않고 action으로만 상태에 메세지를 전달한다. 라고 생각해주시면 될 것 같습니다.