vue怎么给style做判断

在 Vue 中，可以使用条件渲染语句 `v-if` 或 `v-show` 来判断是否应用样式。

例如，如果要根据某个属性是否为真来应用样式，可以使用以下代码：

<template>
  <div :class="{ active: isActive }"></div>
</template>

<script>
export default {
  data() {
    return {
      isActive: true
    }
  }
}
</script>

<style>
.active {
  color: red;
}
</style>

在上面的代码中，`isActive` 属性为真时，会动态地将 `active` 类添加到 `div` 元素上，并应用相应的样式。如果 `isActive` 属性为假，则不会添加该类。

如果要使用 `v-show`，可以这样做：

<template>
  <div v-show="isActive"></div>
</template>

<script>
export default {
  data() {
    return {
      isActive: true
    }
  }
}
</script>

<style>
div {
  display: none;
}
</style>

在上面的代码中，`div` 元素在 `isActive` 为真时显示，否则隐藏。可以通过样式表对 `div` 元素进行样式设置。