Inflearn Community Q&A

uja

asked

Vue.js Intermediate Course - Learn Vue.js, ES6, and Vuex by creating a web app

TodoList component: Implement todo deletion

값(?) 전달 범위

Resolved

Written on

285

안녕하세요 강사님.

v-for로 todoItem이랑 index를 todoItems에서 가져오잖아요. 질문이 정확한지 모르겠지만...이 todoItem랑 index는 <li>의 하위 태그에서만 사용 가능한 건가요?

밖에 해봤더니 출력은 안되는데 오류도 안나서 궁금해서 여쭤봅니다.

vuejsvuexjavascriptes6

Answer 1

MostOneBrush

저도 현재 수강중인 학생인데요.

todoItem이 div에서 에러난건 todoItem이 todoItems라는 원본 데이터의 반복되는 엘레먼트 요소라서 독립적으로 사용할 수 없는 값이라서 그런거고, 만일 div에도 사용하실거면 li에 사용한 v-for구문을 div에 넣으시면 사용하실 수 있으실거예요.

uja

Questioner

아하 감사합니다.

captain

Instructor

먼저 확인하고 상세한 답변해 주셔서 감사합니다 MostOneBrush님 :)

유진이님께 질문하신 부분 추가로 설명해 드리면 작성하신 코드에서 li 태그 바깥인 div 태그에서 접근한 todoItem은 빈 값이기 때문에 화면에 따로 표시되는 값이나 에러는 없습니다. 그런데 만약 todoItem.toString() 이런 코드를 작성하시게 되면 todoItem 값이 undefined라서 브라우저에서 코드를 실행했을 때 에러가 날거예요 :)

uja

Questioner

아 빈 값이군요 답변 감사합니다!

uja

asked

Ask a question