강의

멘토링

커뮤니티

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

레오나님의 프로필 이미지
레오나

작성한 질문수

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

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

v-for에서 key bind관련해서 질문드립니다.

작성

·

304

1

안녕하세요. 강의를 듣다가 궁금한 것이 있어 질문을 드립니다.
v-for를 사용하실 때 v-bind:key는 어떨 때 사용이 되나요?
딱히 사용하는 곳은 없지만, 필수로 지정해야 하기 때문에 그런 건가요?
 
그리고, 만약에 사용되는 경우가 있다면
v-bind:key="todoItem.item"일 때와,
v-bind:key="index"일 때의 차이점이 있나요??
 
감사합니다.
 

답변 1

0

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

안녕하세요 레완님, 네 v-for를 사용할 때 v-bind:key는 꼭 지정해 주셔야 합니다. 이 때 key 값은 유일한 값(유니크한 값) 이어야 하구요. 라이브러리 내부적으로 목록을 갱신할 때 사용하기 때문에 질문하신 todoItem.item과 index의 차이점은 신경 쓰지 않으셔도 될 것 같습니다 :)

레오나님의 프로필 이미지
레오나

작성한 질문수

질문하기