css中只使用vue的变量

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

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

data() {
	return {
		spanStyle: {
          "--color": '#bfa' //默认值
        },
	}
}
1
2
3
4
5
6
7

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

.bb {
  color: var(--color);
}
1
2
3