Vue-da Kyn şertler

v-if direktiwasynda has kyn şertler hem ýasap bolýar. Mysal üçin, num häsiýetinde 1, 2 ýa-da 3 sanlaryndan biri bolup biler:

javascriptdata() {
  return {
    num: 3, // häzir ol ýerde 3 diýeliň
  }
}

Indi bolsa, üç sany abzas ýasaýaly, we olardan diňe biri num häsiýetiniň bahasyna görä görünmelidir:

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

We has kyn şertler hem ýasap bolýar:

html<template>
  <p v-if="num === 1 || num === 3">
    bir ýa-da üç
  </p>
</template>