Vue为何打包后的样式不一致？-灵析社区

和 CSS 作用域有关系，可以看到你 `slot` 进来的 `.header` 元素，同时拥有了当前层级和`layout` 的 `scope` 属性。自然可以应用到两个组件各自的CSS样式。  如果需要避免这个问题，BEM的命名方式还是需要的。其实很多开发者在最后并不会默认开启组件样式的 `scope` 属性。