Vue中scoped样式有哪几个常见坑点需要注意？

本文共计1579个文字，预计阅读时间需要7分钟。

今天在覆盖iview组件样式的时候发现一个问题，就是无法覆盖组件原有的样式。最后在github的issue中找到了解决方案：不要使用scoped属性。我查阅了有关scoped的相关文章。

今天在覆盖iview组件样式的时候发现一个问题，就是无法覆盖组件原有的样式，最后在github的issue中找到了答案：

不要使用scoped属性。于是我查找了下关于scoped的文章。

我们假设把这种组件叫做模块私有组件，其他的未加scoped的叫做模块一般组件。通过查看DOM结构发现：vue通过在DOM结构以及css样式上加唯一不重复的标记，以保证唯一，达到样式私有化模块化的目的。