모듈 속 state와 mutations에 접근할 때의 차이

Question

강의 내용대로 state, getters, mutations를 모두 tudoApp.js로 옮긴 뒤에, 컴포넌트에서 this.$store.state.todoItems에 접근하지 못하게 되어 할일목록이 렌더링이 되지 않는 문제가 있었습니다. 그런데 질문들을 살펴보니까, todoApp 모듈을 import해서 작성된 store이기 때문에 this.$store.state.todoApp.todoItems로 접근해야 되더군요. //todoInput.vue 그래서 위처럼 적용해주었더니 컴포넌트에서도 문제없이 todoItems에 접근이 잘 되었습니다. 그런데 mutations의 경우에는 위와 같이 todoApp모듈로 옮긴 내용을 고려하여 코드를 바꿔주지 않아도, 문제가 없었습니다. //todoList.vue 분명 mutations들도 todoApp 모듈 안으로 옮겼는데, 'removeTodo: 'todoApp/removeTodo' 'toggleComplete: 'todoApp/checkTodo' 와 같이 변경적용한다거나 하는 점이 필요 없이 잘 실행되는건가요?

캡틴판교 · Answer

안녕하세요, 네 만약 뮤테이션도 말씀하신 것처럼 모듈 별로 분리하시고 싶으면 namespaced: true 옵션 넣어주시고 뮤테이션 호출하실 때 모듈 명을 앞에 넣어주시면 됩니다 :) https://v3.vuex.vuejs.org/guide/modules.html#module-local-state