Scss是Css的预处理器，那么什么是预处理器？
预处理器是在真正的编译开始之前由编译器调用的独立程序。
项目环境
node、vue-cli
步骤
1、安装依赖包
npm install --save-dev node-sass //sass-loader依赖于node-sass，所以先安装node-sass npm install --save-dev sass-loader
2、在.vue文件style标签添加
<style lang="sass">
说明
当你运行项目时应该会报错，因为sass的语法规则是不支持大括号和分号的，而是用换行和缩进语法。这时只需要把lang="sass"修改成lang="scss"即可，其实scss是sass的升级，且更倾向于css的语法，比如支持大括号和分号，以及对空白符号不敏感。
Scss和Sass的区别可以查看这篇文章：传送门