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

Работата с атрибута class се извършва чрез директивата v-bind или нейната съкратена форма. Нека да видим на практика. Нека в свойството str да се съхраняват CSS класове на тага, разделени с интервали:

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

Добавете тези CSS класове в някакъв таг:

App.vue<template>
  <p :class="str">text</p>
</template>
Задание 1

Даден е абзац. Дадено е свойство cssClasses, в което са записани някои CSS класове. Добавете тези класове към нашия абзац.