Komplekse Voorwaardes in Vue

In die v-if richtlijn kan jy meer komplekse voorwaardes maak. Laat ons byvoorbeeld sê, die eienskap num kan een van die getalle 1, 2 of 3 wees:

javascriptdata() {
  return {
    num: 3, // laat ons sê daar is nou 3
  }
}

Laat ons nou drie paragrawe maak, waarvan slegs een gewys sal word afhangende van die waarde van die eienskap num:

html<template>
  <p v-if="num === 1">een</p>
  <p v-if="num === 2">twee</p>
  <p v-if="num === 3">drie</p>
</template>

Jy kan selfs meer komplekse voorwaardes maak:

html<template>
  <p v-if="num === 1 || num === 3">
    een of twee
  </p>
</template>