v-if와 v-else 지시자는 마크업 덩어리 2개 중 하나가 렌더링되어야 할 때 적합한 선택입니다. 하지만 둘 중에 적어도 하나는 무조건 보여야 합니다. 다른 사례가 없다면 v-show가 더 적합합니다. 다음은 v-if와 v-else를 사용하는 몇 가지 시나리오입니다.

• 로그아웃된 사용자에게 로그인 링크를 보여 주거나 로그인된 사용자에게 로그아웃 링크를 보여 줄 때

• 사용자 선택에 따른 국가별 주소 입력란 같은 조건적인 형식 입력 섹션을 렌더링할 때. 예를 들어 미국 주소 입력 형식은 ‘주(state)’ 입력란을 보여 주고, 캐나다 주소 입력 형식은 ‘지방(province)’ 입력란을 보여 주는 것

• 검색 결과 리스트 혹은 검색하지 않았을 때 입력 콘텐츠(이후 장에서 v-else-if를 사용해서 세 번째 상태를 추가하는 예를 살펴보겠습니다)

하나의 조건부 또는 다른 하나를 사용해야 하는 시나리오는 무한히 존재합니다. 어떤 것이 가장 적합한지 판단하는 가장 좋은 방법은 표시하고 싶은 예외나 기본 콘텐츠가 있는지 생각해 보는 것입니다. 다음 장부터는 고양이 사료 이외의 상품들도 추가해서 잠재적인 사용자에게 좀 더 유용한 웹 스토어를 만들어 보겠습니다.