vue :style 设置颜色

可以使用 Vue 的 :style 绑定来设置颜色，例如：

<div :style="{ color: 'red' }">这是红色的文字</div>

你也可以使用 Vue 的计算属性来动态设置样式，例如：

<template>
  <div :style="myStyle">这是{{ color }}文字</div>
</template>

<script>
export default {
  data() {
    return {
      color: '红色',
    }
  },
  computed: {
    myStyle() {
      return {
        color: this.color === '红色' ? 'red' : 'blue',
      }
    },
  },
}
</script>

在上面的例子中，当 color 的值为 '红色' 时，文字的颜色为红色，否则为蓝色。