<div id="app">
  <div class="box" :class="{'yellow': change}"></div>
  <button class="changeColor btn btn-primary" @click="change = !change">Change Color</button>
</div>
.box {
  width: 250px;
  height: 250px;
  background-color: blue;
}

.box.yellow {
  background-color: yellow;
}
var app = new Vue({
  el: "#app",
  data: {
    change: false
  }
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

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