vue中css变量的使用

1、在css中使用变量

1、css中声明变量

--color&＃xff1a;red

2、使用变量

color:var(--color)   //color:red获取到全局声明变量值为red

2、使用vue中的变量

&＃xff08;1&＃xff09;、在htm标签中

data中声明变量color

data(){

retrun {

color:red}}

或者使用this.$refs.devcolor.style.setProperty(&＃39;--color&＃39;,this.color)

&＃xff08;2&＃xff09;、css中使用color变量

color:var(--color)  //使用变量color&＃xff1a;red

示例如下&＃xff1a;