Vue에서 v-else-if 지시어
여러 개의 v-if 대신
v-else-if 구문을 사용할 수 있습니다:
<template>
<p v-if="num == 1">one</p>
<p v-else-if="num == 2">two</p>
<p v-else-if="num == 3">three</p>
<p v-else>error</p>
</template>
data에 다음이 저장되어 있다고 가정합니다:
data() {
age: 25,
}
age 속성이 18보다 작으면 화면에
'청소년'을 출력하고,
19세부터 25세 사이면 화면에 '젊은
사람'을 출력하며,
26세 이상이면 화면에 '성인 남성'을 출력하세요.
