vue页面 写了样式没反应 是因为scoped这个属性

我们知道，在vue页面的style添加了scoped属性后，这个style的样式只会作用于当前vue页面。

但是，我遇到了一个问题：

我使用了elementui的card组件，想要改变其中的el-card__body的样式。但是，我写了新的样式后，居然没有覆盖上去！！！

找了许久原因，原来是style的scoped属性会只让当前页代码的dom元素绑定data-v-****属性，引入进来的组件就不加了！所以导致无法覆盖。

解决办法：去掉scoped就好了。

 

但是，要注意这个页面的样式不要覆盖到其他页面去了