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

class атрибути билан ишлаш v-bind директиваси ёки унинг қисқартирилган шакли орқали амалга оширилади. Келинг, амалда кўрамиз. str хусусиятида тегнинг CSS класслари бошлиқлар билан ажратиб қўйилган бўлсин:

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

Ушбу CSS классларни бирор тегга қўшамиз:

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