목록2024/07/20 (1)

데이터 분석 기술 블로그

Vue에 대하여(9)_ List Rendering

1. v-for소스 데이터(Array, Object, number, string, Iterable)를 기반으로 요소 또는 템플릿 블록을 여러 번 렌더링 하는 함수입니다.1-1. v-for 구조1-2. v-for 예시1-3. 여러 요소에 대한 v-for 적용1-4. 중첩된 v-for2. v-for with key반드시 v-for와 key를 함께 사용해야합니다. 내부 컴포넌트의 상태를 일관되게 유지해야 하는데 즉, 데이터의 예측 가능한 행동을 유지(Vue 내부 동작 관련) 하기 위해서입니다.2-1. v-for와 key3. v-for with v-if동일한 요소에 v-for와 v-if를 함께 사용하지 않습니다. 동일한 요소에서 v-if가 v-for보다 우선순위가 더 높기 때문입니다. 즉, v-if 조건은 v-..
SW/프론트엔드 2024. 7. 20. 09:00
이전 Prev 1 Next 다음