Style数组语法

v-bind:style的数组语法可以将多个样式对象应用到一个元素上。

<div v-bind:style="[styleObjectA, styleObjectB]">Style 数组语法</div>

javascript代码：

var vm = new Vue({
  el: 'div',
  data: {
  styleObjectA: {
    color: 'red'
  },
    styleObjectB: {
     fontSize: '30px'
  }
}
})

渲染为：

<div style="color: red; font-size: 30px;">Style 数组语法</div>