Vue中提供了style bind指令，可以将CSS样式直接绑定到HTML元素上。使用方式如下：

<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">
  Hello Vue!
</div>

上面这段代码实现了将activeColor和fontSize两个变量的值绑定到一个div元素的样式上。其中activeColor和fontSize是data属性中定义的变量。

如果要绑定多个样式，可以使用一个对象，下面的示例将一个对象绑定到一个div元素，实现了背景颜色和字体颜色的改变：

<div v-bind:style="{
  backgroundColor: activeColor,
  fontSize: fontSize + 'px',
  color: textColor
}">
  Hello Vue!
</div>

此外，也可以直接将对象作为样式属性的值绑定到元素上，如下所示：

<div :style="styleObject">
  Hello Vue!
</div>

在上面的代码中，styleObject是一个计算属性或方法，返回一个对象，该对象包含应用于元素上的所有样式。

绑定样式还支持简写语法，如下所示：

<div :style="{ color, fontSize }">
  Hello Vue!
</div>

上面的代码中，color和fontSize分别是data属性中定义的变量，它们将直接绑定到对应的样式属性上。

使用Vue中的style bind指令可以轻松地将CSS样式应用于HTML元素上，实现样式与数据的绑定，从而实现更加灵活的样式控制。