样式穿透

吃透 Vue 样式穿透：从 scoped 原理到组件库样式修改实战在 Vue 项目开发中，我们经常会引入 Element Plus、Vant、Ant Design等成熟组件库来提升开发效率。但即便组件库提供了基础样式配置，实际业务中仍需根据设计需求调整组件内部细节样式——这时候，「样式穿透」就成了必须掌握的技能。而要理解样式穿透的必要性，首先得搞懂 Vue 中 scoped 属性的工作原理。

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

我是有底线的