Vue에서 v-else 디렉티브

v-if 디렉티브는 v-else와 함께 사용될 수도 있습니다. 실제로 어떻게 동작하는지 살펴봅시다. isAuth 속성이 사용자가 인증되었는지 여부를 포함한다고 가정해 봅시다:

javascriptdata() {
  return {
    isAuth: true, // 여기는 true 또는 false
  }
}

isAuth 값에 따라 하나의 메시지나 다른 메시지가 출력되도록 만들어 봅시다:

html<template>
  <p v-if="isAuth">+++</p>
  <p v-else>---</p>
</template>

javascriptdata() {
  return {
    isAdmin: true,
  }
}