강의

멘토링

커뮤니티

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

wkdejrtlr님의 프로필 이미지
wkdejrtlr

작성한 질문수

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

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

안티패턴 관련 질문입니다.

작성

·

186

1

아래 많은 분들이 질문 하셨던 그 내용인데요.

"상위 컴포넌트에서 선언한 data는 하위 컴포넌트에서 변경하지 말아야한다"라는 의미는 알거같습니당

그럼 todoItem.completed = !todoItem.completed라는 소스에서 todoItem은 TodoList.vue에서 올려 보내준거라서 App.vue파일에서 수정하면 안좋다는 의미인가요?

이해가 잘 안됩니다..

답변 1

0

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

안녕하세요 wkdejrtlr님, 좋은 질문 주셨네요 :) 제가 말씀 드린 내용의 요지는 특정 컴포넌트의 데이터는 해당 컴포넌트 내에서만 바꿔야 한다는 것입니다. 만약 TodoList 라는 컴포넌트의 데이터를 다른 컴포넌트에서 다루는 경우 데이터 변경이 필요할 때 TodoList 컴포넌트에 요청해서 바꾸는 방식으로 설계를 하셔야 합니다 :)

wkdejrtlr님의 프로필 이미지
wkdejrtlr

작성한 질문수

질문하기