Vuex Store 관련 질문

Question

안녕하세요, Vuex 스토어 강의를 보던 중 궁금한 사항이 있어 질문드립니다. 강의에서는 store에서 state를 jobs, ask, news 를 각각의 배열로 관리 하고 있는데,  코드의 중복을 줄이고자 아래와 같이 코드를 변경해봤습니다. https://github.com/kimc1905/vue-advanced/blob/dev/vue-news/src/store/index.js 코드를 간략하게 설명하자면 store에 item이름(news, jobs...)을 key로 하고 해당 피드들을 값으로 하는 Map을 state로 만들어 사용하는 형식입니다.  그런데 이렇게 사용하니 getters를 사용할 때 값을 재대로 가져오지 못하는 상황이 발생하였습니다. 크롬 개발자도구에서 확인하니 state에는 값이 잘 저장이 되었지만 getters에는 값이 undefined 였습니다. 그렇다면 store에 저장하는 값은 타입이 정해져있는건가요?

캡틴판교 · Answer

안녕하세요 문찬님, getters나 computed 속성 모두 Reactivity가 주입된 데이터의 변화에 따라 계산 로직이 수행되는데요. 아마 제 생각에는 Map으로 선언하시면 Reactivity가 주입될 수가 없어서 그런 것 같습니다. 일반 객체로 정의하시는 게 좋을 것 같아요 :)