Vue 프레임워크에서 class 속성
class 속성 작업은
v-bind 디렉티브 또는
그것의 축약형을 통해 이루어집니다.
실제로 살펴봅시다.
str 속성에
태그의 CSS 클래스들이
공백으로 구분되어 저장되어 있다고 가정합니다:
data() {
return {
str: 'active valid',
}
}
이 CSS 클래스들을 어떤 태그에 추가해 봅시다:
<template>
<p :class="str">text</p>
</template>
단락이 주어집니다. 일부 CSS 클래스들이 기록된
cssClasses 속성이 주어집니다.
이 클래스들을 우리의 단락에 추가하세요.
