Атрибути class дар фреймворки Vue

Кор бо атрибути class тавассути директиваи v-bind ё шакли кӯтоҳшудаи он анҷом меёбад. Биёед амалан бубинем. Бигзор дар хосияти str классҳои CSS-и тег, бо фосилаҳо ҷудошуда, нигоҳ дошта шаванд:

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

Ин классҳои CSS-ро ба ягон тег илова кунем:

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