css中只使用vue的变量

参考：https://blog.csdn.net/FellAsleep/article/details/130617163

1、必须作用在用一个div上

2、变量必须有双横杠"--"

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

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

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

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