Vue中scoped属性有哪些常见陷阱及解析？

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

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

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

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

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