[Vue.js] class (1)

class 예제 1)

v-bind:class 으로 클래스 속성의 값을 사용 할 수 있다.

isPrimary, isLg 가 data에서 boolean 으로 관리되어 체크박스를 체크하면 isPrimary,isLg는 true로 바뀐다.

 

 

isPrimary, isLg 가 false 일땐 Vue 버튼에 디자인에 변화가 없지만

 

 

isPrimary, isLg 가 체크박스 체크로 인하여 true 로 바뀌었을땐 Vue 버튼의 디자인이 적용된다.