Vue 프레임워크에서 class 속성

class 속성 작업은 v-bind 디렉티브 또는 그것의 축약형을 통해 이루어집니다. 실제로 살펴봅시다. str 속성에 태그의 CSS 클래스들이 공백으로 구분되어 저장되어 있다고 가정합니다:

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

이 CSS 클래스들을 어떤 태그에 추가해 봅시다:

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