As的博客

Feature### 自动添加前缀(Auto Prefixing)vue-styled-components 会在编译 CSS 时自动添加浏览器私有前缀，这可以确保你的 CSS 规则在最常见的浏览器中兼容。

随着组件化时代的兴起，前端应用开始采用组件级别的 CSS 封装：通过 JavaScript 声明和抽象样式，以提高组件的可维护性。在组件加载时动态加载样式，并动态生成类名，从而避免全局污染。styled-components 是其中的杰出代表。正如其名称所示，styled-components 以组件的形式声明样式，将样式与组件分离，实现逻辑组件与展示组件的分离。styled-components 的官方 Vue 版本目前已多年没有更新，而且只支持到 Vue2。

styled-components 在 React 是一个超级热门的css in js工具库。其实也有 Vue 版本，可惜的是只支持 Vue2，并且该项目已有几年没有更新，作者大概率不会发布 Vue3 版本了。因此我决定重制一个支持Vue3版本的，该项目前前后后大概花费了一个月的业余时间，基本实现了的大部分核心功能，不过可能存在部分场景考虑不全面的问题，这个需要拜托广大朋友测试检验一下了，因为不是照搬原styled-components的 api，大部分是自己重新实现了的。