inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

TodoList 컴포넌트의 할 일 완료 기능 구현

toggleComplete 메서드에서 참조하는 todoItem에 대하여,,

225

ajy930503

작성한 질문수 2

1

강의 듣는 중 궁금한 점이 있어서 질문 남깁니다.

toggleComplete 메서드가 실행될 때마다

todoItem.completed 상태가

ture -> false, false -> true로 변경이 되는데

checkBtnCompleted 클래스는 이 값을 어떻게 참조하고 있는지 궁금합니다.

todoItem이라는 데이터는 정의되어 있지 않습니다. 그런데 어떻게 클래스가 Reactivity 되는 걸까요..

제가 접근했던 방식은 해당 메서드가 호출되면,

"데이터 속성에 정의된 todoItems 배열에서 선택된 인덱스에 객체를 꺼내서 completed 속성을 바꾼다"로 생각하고 접근하였습니다.

es6 vuejs javascript vuex

답변 1

0

캡틴판교

안녕하세요, todoItems의 데이터 값이 변경되면 v-for로 순회할 때 각 순회 아이템인 todoItem도 변경됩니다. 이 부분은 동일하게 리액티비티가 적용될 거예요!

Chrome 개발자 모드 확장이 안됨

0

302

1

깃 권한 요청드립니다

0

128

1

vue.js 중급 리포지토리 권한 관련

0

130

1

vuex + axios 질문 있습니다!

1

210

2

깃 권한 요청드립니다!

0

168

1

강의 깃주소 문의

0

151

1

router-view에 props를 어떻게 넘길 수 있나요?

1

292

2

Vue가 인식되지 않는 현상

0

213

1

기초강좌는 어디있나요?

1

200

2

App.vue가 필요한 이유

0

199

1

getter가 정의되어 있지 않아 오류가 발생합니다.

1

264

1

뷰 라이프사이클

1

194

1

TSLint 말고 TSLint Vue 설치해도 되나요?

1

379

3

로컬 스토리지는 어디에 있나요?

1

290

1

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

1

403

2

export default 관련한 질문

0

369

2

깃허브 vue-todo 접근불가에 따른 확인요청

1

363

2

깃허브에 문제있는것 같습니다.

1

283

2

인프런 강의 재생 화면 구성 변경 문의드립니다

1

314

2

addTodo Helper 함수 적용

1

252

1

vuex 헬퍼 전역 설정

1

254

2

github 권한요청드립니다.

1

262

2

이벤트 위치에 대한 궁금증 입니다.

1

229

2

구조 차이에 대한 문의

1

351

2