vue2动态style

Vue2中的动态style可以通过绑定一个对象来实现。你可以在模板中使用v-bind:style指令，将一个对象作为参数传递给它。这个对象中的每个属性都是一个CSS样式名，对应的值是对应的样式值。

例如，假设你有一个data属性styles，其中包含了一些动态的样式属性：

data() {
  return {
    styles: {
      color: 'red',
      fontSize: '20px',
      backgroundColor: 'blue'
    }
  }
}

然后，在模板中使用v-bind:style指令来绑定这个styles对象：

<div v-bind:style="styles">Hello Vue!</div>

这样，div元素就会应用styles对象中定义的样式。

如果你想动态改变样式，只需要修改styles对象中的属性即可。Vue会自动更新DOM元素的样式。