더북(TheBook)

v-show 지시자를 사용할 때는 v-ifv-else를 붙일 수 있는 단일 컨테이너 요소가 있어야 합니다. 특히 여기서 볼 수 있듯이, v-else 마크업은 무조건 v-if 마크업에 붙어 있어야 하는 기준과 함께 말이죠.

코드 3-14 v-if와 v-else를 위한 단일 컨테이너 요소: chapter-03/single-container.html


 

여기서 목표는 그룹화 컨테이너의 역할로 바깥 요소에서 주어진 조건에 대한 DOM 요소를 담아 두는 것입니다. 나중에는 템플릿이나 컴포넌트를 사용해서 조건에 대한 마크업을 분리하는 전략들을 살펴볼 것입니다. 이것으로 메인 애플리케이션 자체의 마크업양을 크게 줄일 수 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.