L'attribut class dans le framework Vue

Le travail avec l'attribut class s'effectue via la directive v-bind ou sa forme abrégée. Voyons cela en pratique. Supposons que la propriété str contienne les classes CSS de la balise, séparées par des espaces :

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

Ajoutons ces classes CSS à une balise quelconque :

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