vue 绑定获取新值时变换新值样式

可以使用Vue的计算属性和watch来实现绑定获取新值时变换新值样式。

首先，在data中定义需要绑定的值和需要变换样式的类名，例如：

data() {
  return {
    inputValue: '',
    inputClass: ''
  }
}

然后，使用计算属性来监控inputValue的变化，并根据新值来更新inputClass的值，例如：

computed: {
  setInputClass() {
    if(this.inputValue === '') {
      return 'empty'
    } else {
      return 'not-empty'
    }
  }
}

在此示例中，如果inputValue为空，则返回'empty'类名，否则返回'not-empty'类名。

最后，在模板中绑定inputValue和inputClass，并使用watch监听inputClass的变化并更新样式，例如：

<input type="text" v-model="inputValue" :class="inputClass">

watch: {
  inputClass(newVal, oldVal) {
    if(newVal === 'empty') {
      this.inputClass = 'red'
    } else {
      this.inputClass = 'green'
    }
  }
}

在此示例中，当inputClass的值为'empty'时，样式为红色；当inputClass的值为'not-empty'时，样式为绿色。

以上就是一个简单的示例，你可以根据自己的需求来修改样式和类名。