Vue Freymvorkunda class atributu

class atributu ilə iş v-bind direktivi və ya onun qısaldılmış forması ilə həyata keçirilir. Gəlin praktik olaraq baxaq. Tutaq ki, str xassəsində CSS sinifləri boşluqla ayrılmış şəkildə saxlanılır:

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

Gəlin bu CSS siniflərini hansısa teqə əlavə edək:

App.vue<template>
  <p :class="str">mətn</p>
</template>