Atributi class në Vue Framework

Puna me atributin class ndodh përmes direktivës v-bind ose formën e saj të shkurtuar. Le të shohim në praktikë. Le të supozojmë se në pronën str ruhen klasat CSS të tag-ut, të ndara me hapësira:

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

Le t'i shtojmë këto klasa CSS ndonjë tag-u:

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

Задание 1

Është dhënë një paragraf. Është dhënë pronaria cssClasses, në të cilën janë regjistruar disa klasa CSS. Shtoni këto klasa në paragrafin tonë.