样式私有化

单页应用开发中，所有组件的css最终会整合到一个html中，样式私有化在单页应用中是一个需要去解决的问题。

vue css样式私有化

vue中样式私有化十分简单，style上加入scoped即可。要覆盖第三方样式使用::v-deep即可，原理如下：

原理就是 属性选择器

第三方样式无法覆盖的原理，

react css样式私有化

react并没有vue这一套机制，目前没有一个特定的方式。所以当前市面上流行的有如下几种，这几种各有优缺点，请根据实际应用场景进行选择。