목록리스트 렌더링 (1)

Posis

[Vue.js] 리스트 렌더링(v-for)

이번 포스트에서는 리스트 렌더링 v-for에 대해서 다뤄보겠습니다. v-for v-for 디렉티브를 사용하여 배열을 기반으로 리스트를 렌더링 할 수 있습니다. {{ framework }} v-for 디렉티브는 item in items 형태로 특별한 문법이 필요합니다. 여기서 items는 원본 데이터 배열이고 item은 반복되는 배열 엘리먼트의 별칭입니다. 또한 v-for를 사용할 때는 :key 속성을 사용해야 합니다. :key key는 Vue가 노드를 식별하는 일반적인 메커니즘이기 때문에 v-for와 특별히 연관되지 않는 다른 용도로도 사용됩니다. v-for의 index v-for 디렉티브는 item in items에서 (item, index) in items 형태로 작성한다면 다음과 같이 나타납니다. ..
Vue.js 2021. 8. 10. 10:30
이전 Prev 1 Next 다음