唯一的方法是使用计算属性设置元素:style属性。
在模板部件中：

<div :style="dynamicStyle"></div>

在您的价值部分：

/...
computed : {
    dynamicStyle() {
        return {
            // in the case of redComp, greenComp and blueComp are a vue prop or data
            color : `rgb(${this.redComp}, ${this.greenComp}, ${this.blueComp});`,
        };
    },
},
/...

我也遇到过类似的问题，我需要一个基于对象数据的背景色。
这就是我的方法。

new Vue({
  el: "#app",
  
  data: {
    getQuestionAnswers: [
        {
        name: 'foo',
        color: {
            red: '0',
            green: '0',
            blue: '0'
        }
      },
      {
        name: 'bar',
        color: {
        red: '127',
        green: '127',
        blue: '127'
        }
        
      },
      {
        name: 'baz',
        color: {
        red: '255',
        green: '255',
        blue: '255'
        }
      }
    ]
  }
})

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
  color: red;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

.red {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div 
    
    v-for="(group) in getQuestionAnswers"
    
  
  >
  <div :style="{ 'background-color': `rgb(${group.color.red}, ${group.color.green}, ${group.color.blue})`}">
        {{ group.name }}  
  </div>

  </div>
</div>

2022年更新

使用Vue 3，您现在可以直接将css值绑定到React状态。

原始答案

你不能用javascript操作css，你可以直接操作元素的style属性，就像thorin19的答案一样，但是你应该试着用css和class列表来代替，我从来没有遇到过不能通过组合类来解决的风格问题，结果会在风格上更具声明性，效果也可能更流畅。
Vue允许你指定一个array of reactive classes<div v-bind:class="[activeClass, errorClass]">你可以把静态类放在同一个数组中，使用三元表达式等等。
你为什么要这么做？一个原因是为了动画化颜色的变化。如果是这样，最好的方法是用css转换。你的代码保持声明性。查看here的细节。