Class-attribut i Vue-frameworket

Arbejde med attributten class foregår via direktivet v-bind eller dens forkortede form. Lad os se på det i praksis. Lad egenskaben str indeholde CSS-klasser for tagget, adskilt af mellemrum:

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

Tilføj disse CSS-klasser til et eller andet tag:

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

Задание 1

Der gives et afsnit. Der gives en egenskab cssClasses, hvor nogle CSS-klasser er skrevet. Tilføj disse klasser til vores afsnit.