什么是scss，怎么在一个VUE项目中使用scss
首先什么是scss呢？
scss是一种css预处理语言，是一个css的扩展，它在css语法的基础上，容许您使用变量，嵌套规则，混合，导入，继承等功能，使得css更增强大和优雅，并且其彻底兼容css3。css
scss与sass的区别：
scss仅在css3的基础上进行扩展，这意味着每一个css样式表是一个同等的scss文件。此外，scss也支持大多数css hacks写法以及浏览器专属前缀语法。这种语法的样式表文件须要以.scss做为拓展名
而sass，被称为缩进语法，它提供了一种更加简便的方式来书写css。它使用缩进而不是花括号来表示选择器的嵌套，用换行而不是分号来分隔属性。使用此语法的样式表文件须要以.sass做为扩展名。webpack
在VUE项目中安装scss
- 安装sass依赖包，打开命令行输入：
2.安装完依赖后，在webpack.config.js的rules里面添加配置
3.在使用scss的时候在所在的style样式标签上添加lang="scss"便可。
4.scss使用测试：使用变量来设置div的背景颜色