vue-

클래스와 스타일 바인딩

by Kim Ara

HTML

<div v-bind:class="classTest">
     안녕하세요
</div>

JavaScript

new Vue ({
	el:'div',
  data: {
      isActive: true,
      error: null
  },
  computed:{
  	classTest: function(){
    	return{
      	active: this.isActive && !this.error,
        'text-danger': this.error && this.error.type === 'fatal'
      }
    }
  }
})