Condizioni Complesse in Vue

Nella direttiva v-if è possibile creare condizioni più complesse. Supponiamo, ad esempio, che la proprietà num possa contenere uno dei numeri 1, 2 o 3:

javascriptdata() {
  return {
    num: 3, // supponiamo che al momento ci sia 3
  }
}

Ora creiamo tre paragrafi, dei quali sarà mostrato solo uno a seconda del valore della proprietà 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>

È possibile creare condizioni anche più complesse:

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