Cacher is the code snippet organizer for pro developers

<div id="app">
  <div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }">クラスのバインディング</div>
</div>

new Vue({
  el: '#app',
  data: {
    isActive: true,
    hasError: false
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>