默认开 scoped
个人项目里我几乎默认 <style scoped>。样式互相污染这种问题,一旦出现就很难靠感觉定位。
什么时候穿透
改第三方组件内部结构、或自己封装的子组件确实需要由外层微调时,我才用 :deep()。并且会备注「为什么必须穿透」,避免后来的自己乱加。
公共设计 token(颜色、圆角、间距)我放全局 CSS 变量里;组件私有布局留在 scoped。边界清楚后,返工会少很多。
样式
个人项目里我几乎默认 <style scoped>。样式互相污染这种问题,一旦出现就很难靠感觉定位。
改第三方组件内部结构、或自己封装的子组件确实需要由外层微调时,我才用 :deep()。并且会备注「为什么必须穿透」,避免后来的自己乱加。