クラスとスタイルのバインディング (:class / :style)
参考:
クラスとスタイルのバインディング | Vue.js [公式]
v-bind:class / v-bind:style
参考:
Vue.js で DOM の class や style などの属性を変更する | Aire Project Blog
CSS を操作して、スタイルを動的に設定する (v-bind:style) | クルーデザイン
Dynamic Styles With Vue.js | Alligator.io
Change CSS class property with Vue.js – Stack Overflow
!important
!important
付きのスタイルをバインドするためには文字列として連結する。
<div :style="'color: ' + myColor + ' !important'">hello</div>
参考:
v-bind:style においての オブジェクトおよび !important 構文 – Vue 1.x からの移行 | Vue.js [公式]