WEB/Vue.js
[Vue.js][기본 문법2] 5. v-for + key
bay07
2024. 4. 30. 10:38
▶v-for + key
v-for은 반드시 key와 함께 사용해야한다. 내부 컴포넌트의 상태를 일관 되게 하여 데이터의 예측 가능한 행동을 유지하기 위함이다 |
key는 반드시 각 요소에 대한 고유한 값을 나타낼 수 있는 식별자여야 한다 ![]() |
내장 특수 속성 key number 또는 string으로만 사용해야 한다. Vue의 내부 가상 DOM 알고리즘이 이전 목록과 새 노드 목록을 비교할 때 각 node를 식별하는 용도로 사용된다 Vue 내부 동작과 관련된 부분이기 때문에 최대한 작성하려고 노력하기 * 참고 https://vuejs.org/api/built-in-special-attributes.html#key |