vue---scss中如何动态使⽤变量
Sass是成熟、稳定、强⼤的CSS预处理器，⽽SCSS是Sass3版本当中引⼊的新语法特性，完全兼容CSS3的同时继承了Sass强⼤的动态功能。运⽤这个特性让他跟js⾥定义的变量做⼀个交互。
1.定义⼀个变量：
data(){
return{
color:'',}
)
2.运⽤vue的单向绑定，动态的把color绑定到scss编译器⾥
<label class="btn" : for="uploads"></label>
3.直接在css⾥使⽤绑定的值就好了
.btn:hover{
border:1px solid var(--color);
color:var(--color);css变量
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。