JSFiddle - React, Tailwind, and code Playground

by miloer

HTML

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<div id="app" v-bind:class="[classA,isB?classB:'']"> </div>

CSS

.classA{
  width:50px;height:30px;border:1px solid #ccc;
}
.classB{
  background:yellow;
}

JavaScript

var vm = new Vue({
   el:"#app",
  data: {
    'classA': 'classA',
    'isB':false,
    'classB': 'classB'
    }
 })