v-for
-
[vue.js] v-forvue.js 2019. 7. 3. 18:53
1. 리스트 렌더링과 v-for v-for 디렉티브를 사용하여 배열을 기반으로 리스트 렌더링을 할 수 있다. 이 디렉티브는 item in array 형태의 특수 구문을 필요로 한다. 이 구문에서 array는 원본 데이터 배열이고, item은 순회되는 배열의 엘리먼트의 별칭이다. 2. 범위를 가진 v-for v-for 디렉티브는 객체나 배열이 아닌 정수를 받을 수 있다. 이때 정수가 전달되면 템플릿이 지정된 수만큼 반복한다. 은 item in array 형태로 작성된 것이다. array에 배열이 아닌 정수가 들어간것. 즉 li태그가 11번 반복 될 것이다. 저 상태에서 그냥 i 만 찍어보면 ( {{ i }} ) 저 상태에서 그냥 i -1을 하면 다음과 같이 나오고 나는 2 x {{ i - 1 }} = {{..