class
-
Vue 클래스 & 스타일 바인딩Vue/문법 2021. 6. 20. 00:30
- 클래스와 스타일 바인딩 Vue는 v-bind가 class와 style과 함께 사용될 때 특별한 개선사항을 제공 문자열 외에도 표현식은 객체 또는 배열로 평가될 수 있음 - HTML 클래스 바인딩 객체 구문 :class에 객체를 전달하여 클래스를 동적으로 전환 active 클래스의 존재가 데이터 속성 isActive가 Truthy에 의해 결정됨 객체에 더 많은 필드를 포함하여, 여러 클래스를 전환할 수 있음 예제 1과 예제 2는 동일한 결과를 렌더링 함 // Example 1 data() { return { isActive: true, hasError: false } } // Example 2 data() { return { classObject: { isActive: true, error: null ..