Атрыбут class у фрэймворку Vue

Праца з атрыбутам class адбываецца праз дырэктыву v-bind або яе скарочаную форму. Давайце паглядзім на практыцы. Хай ва ўласцівасці str захоўваюцца CSS класы тэга, падзеленыя прабеламі:

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

Дадамо гэтыя CSS класы ў які-небудзь тэг:

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