预处理器

vue3中安装并使用CSS预处理器Sass的方法介绍Sass（Syntactically Awesome Style Sheets）是一种CSS预处理器，它扩展了CSS的功能，提供了更高级的语法和特性，例如变量、嵌套、混合、继承和颜色功能等，这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进（缩进花括号）的，它与传统的CSS语法类似，但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。

前端开发中利用css的scoped和deep的方法实现样式穿透在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加我们在加了 scoped 之后样式会自动添加一个hash值，如下：