vue3.2样式v-bind

在 Vue 3.2 中，可以使用 `v-bind` 绑定样式。你可以通过 `v-bind` 绑定一个对象来设置样式。例如：

<template>
  <div :class="{ 'red': isRed }">Hello World</div>
</template>

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

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

在上面的例子中，我们使用 `:class` 绑定一个对象，当 `isRed` 为 `true` 时，会为 `div` 元素添加 `red` 类，从而使其显示为红色。

你也可以使用 `v-bind` 绑定一个对象来设置内联样式。例如：

<template>
  <div :style="{ color: textColor, backgroundColor: bgColor }">Hello World</div>
</template>

<script>
export default {
  data() {
    return {
      textColor: 'red',
      bgColor: 'yellow'
    }
  }
}
</script>

在上面的例子中，我们使用 `:style` 绑定一个对象，使用 `textColor` 和 `bgColor` 属性来设置字体颜色和背景颜色。