你是想要写组件库?那么参考 [Ant Design Vue 4.x](https://link.segmentfault.com/?enc=f3WoR0VJPSiKU31VZFZenQ%3D%3D.5ObivtIzBtH7YeZ8zZZJfqxR%2BJTZdIUIzf5vi1WUw0b5kqZZDHDrk%2FU%2FdpeDNLm2Rx0U%2BRajBB7a%2Fqhkd2RF6ShrXE9bEZeqjKDrLICTRV8%3D) 的实现就好了。 如果你是想要在在写业务的时候使用 `css-in-js` 为啥不直接用 [CSS Modules](https://link.segmentfault.com/?enc=Svk%2BVzc4Q%2FckHk0y3RIhZA%3D%3D.tBCrWVR9%2BcoSMXxYVACiYxXDNyHSDgMwzKoLCUwGPUIpbmO374gp8Y5p88ix6dE03oiauRrMo873CwPM5yLwNA%3D%3D) 带有一些个人偏见,你是单纯想要模仿那些组件库为了不写在一个 `.vue` 文件里,去使用 `css-in-js` 那么你得先知道他们为啥选择 `css-in-js` 的目的。 个人想法除非说你想要实现动态主题效果,并且不想使用 [css variable](https://link.segmentfault.com/?enc=F0Ug7zhGbljCn2lPDmh%2BXQ%3D%3D.0VbgbNzMfjyIoPZysB5Cx9Lm5SM6VwJcTmKjeWWtrnpawwbUTWC1V1hcwANr3hCHFBlDxc%2FQ8a0Xguf5C6Pxtg%3D%3D),那么确实使用 `css-in-js` 会有一些优势。