모듈화(state)에 대해서 질문드립니다.
256
작성한 질문수 34
state, getters, mutations를 모듈화 하는과정에서 vue 개발자 도구를 보았더니 아래처럼 표시가 되더라구요.
저같은 경우에는 헤더명도 state 에 집어어넣어서 표시하게끔 설정해 두었었는데 왠지모르게 표시가 안되서 header.vue파일에 해당 헤더명 정의 하는곳의 코드를 {{ this.$store.state.todoApp.headerText }}로 변경하니 잘나오는데요. 문제는 mapState를 사용하여 todoItems를 가져오려고 할경우에는 todoItems가 todoApp의 맴버로 인식이되어서 리스트를 가져올 수가 없었습니다. 이럴경우엔 mapState를 어떻게 사용해야하나요?
답변 2
1
답변감사합니다. state라는 오브젝트에서 단계적으로 꺼내야 하는거였군요.... 기존코드는 getters에서 가져오는 방식이라 당연히 문제없이 작동했습니다 ㅎ
1
안녕하세요 얼티밋님, 첨부해주신 데이터 구조 기준으로 아래 코드가 동작 안하나요?
computed: {
...mapState({
myTodoItems: state => state.todoApp.todoItems
})
}
myTodoItems로 컴포넌트에서 사용하시면 됩니다. 그리고 위와 같이 접근할 때는 객체의 속성의 속성을 접근하기 때문에 todoApp이 비어있진 않은지 보장해주셔야 할 것 같아요 :)
Chrome 개발자 모드 확장이 안됨
0
252
1
깃 권한 요청드립니다
0
118
1
vue.js 중급 리포지토리 권한 관련
0
118
1
vuex + axios 질문 있습니다!
1
198
2
깃 권한 요청드립니다!
0
161
1
강의 깃주소 문의
0
142
1
router-view에 props를 어떻게 넘길 수 있나요?
1
278
2
Vue가 인식되지 않는 현상
0
205
1
기초강좌는 어디있나요?
1
190
2
App.vue가 필요한 이유
0
192
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
253
1
뷰 라이프사이클
1
187
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
367
3
로컬 스토리지는 어디에 있나요?
1
279
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
387
2
export default 관련한 질문
0
354
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
354
2
깃허브에 문제있는것 같습니다.
1
273
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
303
2
addTodo Helper 함수 적용
1
242
1
vuex 헬퍼 전역 설정
1
244
2
github 권한요청드립니다.
1
255
2
이벤트 위치에 대한 궁금증 입니다.
1
221
2
구조 차이에 대한 문의
1
343
2