vue ：style

Vue中的样式可以通过以下几种方式来应用：

1. 直接在组件中使用内联样式（Inline Style）：
在Vue组件的template中，可以使用`style`属性来设置内联样式。比如：

<template>
  <div :style="{ color: 'red', fontSize: '20px' }">
    This is some text
  </div>
</template>

在上面的例子中，`color`和`fontSize`是CSS属性名，它们的值是字符串类型。

2. 使用类选择器：
可以在Vue组件的`<style>`标签中定义CSS类，然后在组件的template中使用这些类。比如：

<template>
  <div class="my-class">
    This is some text
  </div>
</template>

<style>
.my-class {
  color: red;
  font-size: 20px;
}
</style>

在上面的例子中，`my-class`是一个自定义的类名。

3. 使用动态类绑定：
Vue中可以使用动态类绑定来根据组件的数据状态来决定应用哪个类。比如：

<template>
  <div :class="{ active: isActive }">
    This is some text
  </div>
</template>

<style>
.active {
  color: red;
  font-size: 20px;
}
</style>

在上面的例子中，根据`isActive`属性的值，决定是否应用`active`类。

以上是Vue中一些常见的样式应用方法，你可以根据需求选择合适的方式来应用样式。