Style对象语法
v-bind:style的对象语法十分直观——看着非常像 CSS，其实它是一个JavaScript对象。CSS属性名可以用驼峰式（camelCase）或短横分隔命名（kebab-case）：
html代码：
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">Style 对象语法</div>
javascript代码：
var vm = new Vue({
el: 'div',
data: {
activeColor: 'red',
fontSize: 30
}
})
渲染为：
<div style="color: red; font-size: 30px;">Style 对象语法</div>
再绑定一个字体属性试试。