Vue'da Karmaşık Koşullar

v-if direktifinde daha karmaşık koşullar oluşturulabilir. Örneğin, num özelliğinde 1, 2 veya 3 sayılarından biri bulunabilir:

javascriptdata() {
  return {
    num: 3, // şu anda 3 olduğunu varsayalım
  }
}

Şimdi, num özelliğinin değerine bağlı olarak sadece birinin görüntüleneceği üç paragraf oluşturalım:

html<template>
  <p v-if="num === 1">one</p>
  <p v-if="num === 2">two</p>
  <p v-if="num === 3">three</p>
</template>

Daha karmaşık koşullar da oluşturulabilir:

html<template>
  <p v-if="num === 1 || num === 3">
    one or two
  </p>
</template>