如何动态的绑定style在vue中

 :style="{
              top: item.top + 'px',
              left: item.left + 'px',
              transform: item.deg,
            }"

要点：注意绑定的是一个对象，在我们使用到css一写特有写法时，要注意到这一个问题。列如：使用transform属性，动态绑定一个旋转角度，则我们需要写成这样的格式：
{
type: ‘red’,
id: 0,
left: 81,
top: 162,
deg: ‘rotate(-45deg)’
},
通过deg去实现动态绑定，而不是:style="{ top: item.top + 'px', left: item.left + 'px', transform:rotate（item.deg+'deg'） }"