摘要:
1. JS 中使用 SCSS 变量。如在 scss 中定义了一个颜色,*el-menu* 组件使用该颜色作为背景色,此时需要获取 scss 变量,通过 *background-color* 属性将该变量值传递给 *el-menu* 组件(当然你也可以在 JS 中重新定义一个变量存储该颜色)。
>2. SCSS 中使用 JS 变量。如动态换肤功能,用户选中某个颜色作为主题色,整个系统的主题色都切换为这个主题色。用户选择的这个颜色使用 JS 变量存储,SCSS 中需要使用该 JS 变量存储的颜色。类似的场景还有暗黑模式等。
本文提供解决上述问题的思路。 阅读全文
![Vue3 JS 与 SCSS 变量相互使用](https://img2022.cnblogs.com/blog/2926955/202210/2926955-20221017152326974-259767112.png)