Javascript1 [Vue.js] 리스트 렌더링과 Key 리스트 렌더링 v-for v-for 디렉티브를 사용하여 일반 배열, 객체 배열 등 리스트 렌더링을 할 수 있다. {{ fruit }} 숫자 범위에 활용 {{ i }} v-if와 v-for v-if와 v-for를 함께 사용할 수 있지만 권장되지 않는다. v-if가 v-for보다 우선순위가 높기 때문에 v-if에서 v-for변수에 접근할 수 없다. // bad practice {{ todo.name }} // good practice {{ todo.name }} key를 통한 상태유지 Vue가 v-for로 렌더링 된 리스트를 업데이트할 때, 기본적으로 in-place patch 전략을 사용한다. 리스트 아이템의 순서가 변경된 경우, 아이템의 순서와 일치하도록 DOM 엘리먼트를 이동하는 대신, 변경이 필요한 .. 2023. 5. 9. 이전 1 다음