Vue 笔记 · 个人理解

scoped 样式:隔离有用,穿透要少

默认开 scoped

个人项目里我几乎默认 <style scoped>。样式互相污染这种问题,一旦出现就很难靠感觉定位。

什么时候穿透

改第三方组件内部结构、或自己封装的子组件确实需要由外层微调时,我才用 :deep()。并且会备注「为什么必须穿透」,避免后来的自己乱加。

公共设计 token(颜色、圆角、间距)我放全局 CSS 变量里;组件私有布局留在 scoped。边界清楚后,返工会少很多。
样式

← 返回 Vue 笔记目录