조건부 렌더링 - Vue.js
Handlebars와 같은 문자열 템플릿에서는 다음과 같은 조건부 블록을 작성할 수 있습니다. Vue에서는 v-if 디렉티브를 사용하여 같은 결과를 얻을 수 있습니다. v-else 와 함께 "else 블록"을 추가하는 것도 가능합니다. v-if는 디렉티브기 때문에 하나의 엘리먼트에 추가해야합니다. 하지만 하나 이상의 엘리먼트를 트랜지션하려면 어떻게 해야할까요? 이 경우 우리는 보이지 않는 래퍼 역할을 하는 엘리먼트에 v-if를 사용할 수 있습니다.
https://kr.vuejs.org/v2/guide/conditional.html