scss可以通过
$mcolor:color
,设置变量，方便全局统一样式和后续修改整体风格。一般也不会写行内样式，所以用起来没什么问题。但是在使用uniapp及其第三方ui框架uview的时候，有的样式你还必须得写成行内。比如下面这个配置。必须写成对象格式的。所以需要在这里也能拿到scss定义的变量。
/*uni.scss scss文件*/
$testColor: red;
/*App.vue 全局的样式文件*/
body{
--difference:#{$testColor}; //将scss变量转换成css变量
/*test.vue 使用css变量*/
<view :style="{color:'var(--difference)'}">aaaaaaa</view>`
在CSS3变量定义中使用SCSS变量不起作用？
CSS var() 函数
Using SASS variables to generate inline CSS
SCSS编译环境安装：live-sass-compiler、node sass；嵌套语法：选择器嵌套、属性嵌套、&父选择器；注释；变量；运算；混入 @mixin 和 @inclue；占位选择器 % 和 继承 @extend；插值语法 #{}；流程控制@if@for@each@while；内置函数；自定义函数 @function；导入@import；模块导入 @use；模块转发 @forward
以前做移动端项目布局都是rem来做的，但rem需要在页面中引入js，根据设备的宽度来修改根节点<html>标签的font-size样式属性（相对长度单位。相对于根元素(即html元素)font-size计算值的倍数）才能配使用！
rem单位
js代码：
(function(doc, win) {
var docEl = doc.documentElement,
文章目录前言一、scss编写环境二、测试文件1.html文件2.scss测试文件3.测试的import导入的css文件4.整体转换之后的css样式表文件5.浏览器生成效果总结
scss是后缀名为.scss的文本文件，是继承sass的升级版本，相较于sass而言更接近css3的样式写法！
scss是css3的预处理程序文件，可以先在scss文件里面写样式表，再转换成css样式表！ scss支持直接用css语法写样式！
scss的优势，在于可加入变量、方法、批量修改等的可编程式思维去写样式表，而不是原生
通常少数样式可以通过class变量处理，不过因为是假数据，所以放在变量里更方便一点，有些东西总是了解有这么回事，但是写的时候总会卡壳，哎~// 下面为变量css。
解决场景：script设颜色变量，的background-color的值"#ddd"的跟着变 1、这篇博文适用vue2和vue3版本，博主实验时，vue3的版本是^3.2.45 2、 其实要解决的方案在vue3里有一个专栏“单文件组件的 标签支持使用 v-bind CSS 函数将 CSS 的值链接到动态的组件状态” 3、对了这里说下，原来vue3的style vars={color}属性已经不能用了，被其他方法替代了,详情去看这篇官方文档
JavaScript 中有一个特殊的对象，称为全局对象（Global Object），它及其所有属性都可以在程序的任何地方访问，即全局变量。在浏览器 JavaScript 中，通常 window 是全局对象， 而 Node.js 中的全局对象是 global，所有全局变量（除了 global 本身以外）都是 global 对象的属性。在 Node.js 我们可以直接访问到 global 的属性，而...
在数据绑定中，最常见就是动态绑定元素的 class 或内联样式 style 咯，它们也是 HTML 的属性，所以可以使用 v-bind 指令 。1 绑定 class1.1 对象语法使用 v-bind:class 属性，实现动态切换 class。html：看得见我嘛js：var app = new Vue({el: '#app',data: {isHidden:true}});输出结果：看得见我嘛注...
