강의

멘토링

커뮤니티

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

김문찬님의 프로필 이미지
김문찬

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

Vuex 모듈화 및 state 적용

Vuex Store 관련 질문

작성

·

203

1

안녕하세요, 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에 저장하는 값은 타입이 정해져있는건가요?

답변 1

0

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

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

김문찬님의 프로필 이미지
김문찬

작성한 질문수

질문하기