Cacher is the code snippet organizer for pro developers

<div id="app">
  <div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">オブジェクト構文</div>
  <div v-bind:style="styleObject">直接 style オブジェクトに束縛する</div>
</div>

new Vue({
  el: '#app',
  data: {
    activeColor: 'red',
    fontSize: 30,
    styleObject: {
      color: 'blue',
      fontSize: '14px'
    }
  }
})

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