Direktivet v-else-if i Vue
Istället för flera v-if kan man använda
konstruktioner med 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>
Låt följande lagras i data:
data() {
age: 25,
}
Om egenskapen age är mindre än 18 - visa
'tonåring' på skärmen, om den är från
19 till 25 - visa 'ung person'
på skärmen, och om den är mer än 26 - visa
'man' på skärmen.
