<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
}
})
This Pen doesn't use any external CSS resources.