Vue에서 v-else 디렉티브
v-if 디렉티브는
v-else와 함께 사용될 수도 있습니다.
실제로 어떻게 동작하는지 살펴봅시다.
isAuth 속성이 사용자가 인증되었는지
여부를 포함한다고 가정해 봅시다:
data() {
return {
isAuth: true, // 여기는 true 또는 false
}
}
isAuth 값에 따라 하나의 메시지나
다른 메시지가 출력되도록 만들어 봅시다:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
isAdmin 속성이 주어집니다:
data() {
return {
isAdmin: true,
}
}
속성 값에 따라 하나의 텍스트나 다른 텍스트를 출력하세요.
