css中只使用vue的变量

参考：https://blog.csdn.net/FellAsleep/article/details/130617163
1、必须作用在用一个div上
2、变量必须有双横杠“–”

<spanclass="bb" :style="spanStyle">11</span>

data() {return {spanStyle: {"--color": '#bfa' //默认值},}
}

created(){setTimeout(()=> {this.spanStyle["--color"] = 'red'},5000)
},

.bb {color: var(--color);
}