大家好，我是Kason。不知道大家在项目中平时是怎么处理CSS的呢？我们知道原生CSS存在一些问题，比如：复用时容易出现样式冲突，没有scope，没有模块化，没有编程能力。社区涌现了很多解决方案，例如：命名规范（如BEM规范）模块规范（CSSModules）CSS预处理器（如Less）CSSInJSCSS框架（TailwindCSS）……如果我们根据这些方案来判断分为以下三个维度：上手难度：与原生CSS越接近，越容易上手。灵活性：你的编程能力越强，你就越灵活：你能解决多少原生CSS问题，你会发现每个解决方案都有自己的优点和缺点。例如：CSSInJS方案，使用JS编写CSS，具有极高的灵活性，但增加了上手难度。Less（CSS预处理器）可以看作是CSS的一个超集。上手难度较小，有一定的编程功底，但CSS本身他也有的问题是业界通行的做法：同时使用BEM规范（解决命名冲突）+CSS预处理器。攻击VueCSS方案我们通过这三个维度来分析Vue的SFC（Single-File-Component，单文件组件）： xxx
