Сложни условия във Vue

В директивата v-if може да се правят по-сложни условия. Нека, например, в свойството num може да има едно от числата 1, 2 или 3:

javascriptdata() {
  return {
    num: 3, // нека в момента има 3
  }
}

Сега нека направим три параграфа, от които ще бъде показан само един в зависимост от стойността на свойството 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>

Може да се правят и по-сложни условия:

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