Atribút class vo frameworku Vue

Práca s atribútom class prebieha prostredníctvom direktívy v-bind alebo jej skrátenej formy. Pozrime sa na to v praxi. Nech vo vlastnosti str sú uložené CSS triedy elementu, oddelené medzerami:

javascriptdata() {
  return {
    str: 'active valid',
  }
}

Pridajme tieto CSS triedy do nejakého elementu:

App.vue<template>
  <p :class="str">text</p>
</template>