Атрибут class в фреймворке Vue

Die Arbeit mit dem Attribut class erfolgt durch die Direktive v-bind oder ihre verkürzte Form. Lasst es uns praktisch ansehen. Angenommen, in der Eigenschaft str sind CSS-Klassen des Tags gespeichert, getrennt durch Leerzeichen:

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

Fügen wir diese CSS-Klassen zu einem beliebigen Tag hinzu:

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

Задание 1

Gegeben ist ein Absatz. Gegeben ist die Eigenschaft cssClasses, in der einige CSS-Klassen notiert sind. Fügen Sie diese Klassen zu unserem Absatz hinzu.