리스트 렌더링 / v-for

v-for = "(item in items)"

배열을 기반으로 리스트를 렌더링 할 수 있다.

여기서 items가 원본 데이터의 배열이며 item은 반복되는 배열 요소의 별칭이다!

 

출력

data\index.js

 

v-for="(value, index) in data "

두번째 전달 인자로 index를 사용할 수 있다.

v-for에 key를 사용하는 편이 좋다!!

 Key값으로 v-for로 인해 반복되어 렌더링이 된 태그를 기억할 수 있도록 해주기 때문에 사용하는 편이 좋다!

 

 

 

https://kr.vuejs.org/v2/guide/list.html

리스트 렌더링 — Vue.js