Class-attributt i Vue-rammeverket

Arbeid med attributtet class skjer gjennom direktivet v-bind eller dens forkortede form. La oss se på det i praksis. La i egenskapen str lagres CSS-klassene til taggen, separert med mellomrom:

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

Legg til disse CSS-klassene i en tagg:

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

Задание 1

Det er gitt et avsnitt. Det er gitt en egenskap cssClasses, hvor noen CSS-klasser er skrevet. Legg til disse klassene til vårt avsnitt.