Атрибут class en el framework Vue

El trabajo con el atributo class se realiza a través de la directiva v-bind o su forma abreviada. Veamos en la práctica. Supongamos que en la propiedad str se almacenan clases CSS de la etiqueta, separadas por espacios:

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

Añadamos estas clases CSS a alguna etiqueta:

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

Задание 1

Se da un párrafo. Se da una propiedad cssClasses, en la que están escritas algunas clases CSS. Añada estas clases a nuestro párrafo.