Vue-də mürəkkəb şərtlər

v-if direktivində daha mürəkkəb şərtlər yaratmaq olar. Məsələn, num xassəsində 1, 2 və ya 3 rəqəmlərindən biri ola bilər:

javascriptdata() {
  return {
    num: 3, // tutaq ki, hazırda orada 3 var
  }
}

İndi isə gəlin num xassəsinin qiymətindən asılı olaraq yalnız birinin göstəriləcəyi üç abzas yaradaq:

html<template>
  <p v-if="num === 1">bir</p>
  <p v-if="num === 2">iki</p>
  <p v-if="num === 3">üç</p>
</template>

Daha mürəkkəb şərtlər də yaratmaq olar:

html<template>
  <p v-if="num === 1 || num === 3">
    bir və ya üç
  </p>
</template>