<div id='app'>
  <div class="static" v-bind:class="{ 'class-a': isA, 'class-b': isB }">Hello</div>
</div>
.class-a{
  color: red;
}
.class-b{
  color: blue;
}
var vm = new Vue({
  el: '#app',
  data: {
      isA: false,
      isB: true
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js