강의

멘토링

커뮤니티

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

hungryo님의 프로필 이미지
hungryo

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

[리팩토링] 할 일 완료 기능

다른 질문이랑 비슷한데요

해결된 질문

작성

·

222

1

as-is : todoItem.completed = !todoItem.completed;

to-be : this.todoItems[index].completed =  !this.todoItems[index].completed;
컨테이너에서 관리하는 배열 요소에 접근해서 변경하는거랑
todoItem에서 직접 변경하는 차이가 명확히 이해가 안돼요..
props로 내린 데이터를 이벤트버스로 받아서 다시 변경하면
좋지 않다...컴포넌트간 경계를 확실히 하기위해서 ~
그래서 배열 요소에 접근하는게 좋다.
이렇게 1차적으로만 이해가 되는데 아리송하네요ㅠ
나중에 vuex? 부분을 학습하면 왜 그런지 알게 되는건지..

답변 1

0

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

안녕하세요 hungryo님, 좋은 질문이네요! 처음에는 개념들이 서로 명확하게 와닿지가 않아서 혼란스러우실 수 있습니다. 말씀하신 것처럼 이후 강좌 내용 따라가시다 보면 차근히 하나하나 풀리실거에요. 이후에도 궁금한 부분이 생기면 알려주세요. 수강해주셔서 감사합니다 :)

hungryo님의 프로필 이미지
hungryo

작성한 질문수

질문하기