Vue фреймворгундагы class атрибуту

class атрибуту менен иштөө v-bind директивасы же анын кыскартылган формасы аркылуу жүргүзүлөт. Келгиле, практикада карап көрөлү. str касиетинде тегдин CSS класстары боштук менен бөлүнүп сакталсын:

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

Бул CSS класстарын бир дагы тегге кошолу:

App.vue<template>
  <p :class="str">текст</p>
</template>