Vue Frameworkida class atributi

class atributi bilan ishlash v-bind direktivasi yoki uning qisqartirilgan shakli orqali amalga oshiriladi. Keling, amaliyotda ko'rib chiqaylik. Faraz qilaylik, str xususiyatida tegning CSS klasslari bo'shliqlar bilan ajratilgan holda saqlansin:

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

Keling, ushbu CSS klasslarni biron bir tegga qo'shamiz:

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