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