绑定对象
:style 支持绑定 JavaScript 对象值，对应的是 HTML 元素的 style 属性：
const activeColor = ref('red') const fontSize = ref(30) <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>
尽管推荐使用 camelCase，但 :style 也支持 kebab-cased 形式的 CSS 属性 key (对应其 CSS 中的实际名称)，例如：
<div :style="{ 'font-size': fontSize + 'px' }"></div>
直接绑定一个样式对象通常是一个好主意，这样可以使模板更加简洁：
const styleObject = reactive({ color: 'red', fontSize: '13px' }) <div :style="styleObject"></div>
同样的，如果样式对象需要更复杂的逻辑，也可以使用返回样式对象的计算属性。
