Class atribūts Vue framewrokā

Darbs ar atribūtu class notiek caur direktīvu v-bind vai tās saīsināto formu. Apskatīsim to praksē. Lai īpašībā str tiek glabātas CSS klases, atdalītas ar atstarpēm:

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

Pievienosim šīs CSS klases kādam elementam:

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