L'attributo class nel framework Vue

Il lavoro con l'attributo class avviene tramite la direttiva v-bind o la sua forma abbreviata. Vediamo in pratica. Supponiamo che nella proprietà str siano memorizzate le classi CSS del tag, separate da spazi:

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

Aggiungiamo queste classi CSS a un tag qualsiasi:

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