Use color stored in data/props?

I'm trying to use a value stored in data() for the color used.  I'm trying to do something like this.  I'm a bit new to Vue, so not sure if its a syntax issue or if v-ripple does not support this...

<div :v-ripple="rippleColor"  class="button">I have different color</div>

data() {
return {
rippleColor: 'rgba(0, 255, 255, 0.35)'
}
}