ატრიბუტი class Vue-ის ფრეიმვორკში

ატრიბუტ class-თან მუშაობა ხდება დირექტივის v-bind ან მისი შემოკლებული ფორმის მეშვეობით. პრაქტიკაში ვნახოთ. დაე, თვისებაში str იყოს შენახული ტეგის CSS კლასები, გამოყოფილი სფეისებით:

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

მოდით, ეს CSS კლასები დავამატოთ რაიმე ტეგს:

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