Vue v-bind:class

Vue에서 클래스 이름을 저장된 scope 값에 따라서 다이나믹(dynamic)하게 적용하는 방법을 알아보za

Vue 역시 다른 프론트엔드 엔진처럼 클래스명을 값에 따라 그때그때 다르게 적용할 수 있습니다.

이때 v-bind:class를 사용합니다.

 

v-bind:class="{ '적용될 클래스명': true 또는 false의 조건식 }"

 

https://kr.vuejs.org/v2/guide/class-and-style.html

클래스와 스타일 바인딩 — Vue.js