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

강의 내용대로 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'

와 같이 변경적용한다거나 하는 점이 필요 없이 잘 실행되는건가요?

인프런 커뮤니티 질문&답변