Kompleksni pogoji v Vue

V direktivi v-if je mogoče narediti bolj zapletene pogoje. Naj bo na primer v lastnosti num ena od številk 1, 2 ali 3:

javascriptdata() {
  return {
    num: 3, // naj bo tam trenutno 3
  }
}

Zdaj naredimo tri odstavke, od katerih bo prikazan le eden glede na vrednost lastnosti num:

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

Lahko naredite tudi bolj zapletene pogoje:

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