https://jp.vuejs.org/v2/guide/class-and-style.html#%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AE%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0 [[v-bind]]を使って`:style=`にオブジェクトを指定する。 ## シンプルな例 ```html <div :style="{ width, height }"></div> ``` ```javascript data: { width: 100px, height: 200px, } ``` これは以下と等価。 ```html <div :style="{ width: 100px, height: 200px }"></div> ``` ## 複数Objectをマージする例 配列で指定する。 ```html <div :style="[{ width, height }, { fontSize: '10px' }]"></div> ```