Atribut class v ogrodju Vue

Delanje z atributom class poteka prek direktive v-bind ali njeno skrajšano obliko. Poglejmo si v praksi. Naj v lastnosti str hranijo CSS razredi oznake, ločeni s presledki:

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

Dodajmo te CSS razrede v neko oznako:

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