렌더링

언어/Vue.js

조건/반복 렌더링

v-if ~ v-else-if ~ v-else 설명 🔖 조건부로 블록을 렌더링하는 데 사용 - true일 때만 렌더링 Type A B C A/B/C 아님 v-show 설명 🔖 항상 렌더링되고 DOM에 남아 있다, CSS 속성만 전환 Type 안녕! v-for 설명 🔖 배열을 리스트로 렌더링 item in items Type {{ value }} 사용법 객체에 v-for 사용하기 {{ value }} 숫자 범위에 v-for 사용하기 1...n 범위를 기준으로 템플릿을 여러 번 반복 {{ n }} 에서 v-for 사용하기 여러 엘리먼트 블록을 렌더링 {{ item.msg }} 우선순위 v-if > v-for 따라서 서로 같이 쓰는걸 권장하지 않음 v-if & v-show 일반적으로 v-if는 전환 비용이 더..

MellowHoney
'렌더링' 태그의 글 목록