在Vue组件中，引入了外部的代码（比如说mui的代码），在页面中会遇到背景色无法调整的情况。如下图：
无论我在CSS中如何定义div的背景色，都没有效果，查看元素才发现，有一个element.style在起作用：

那么这个element.style是哪里来的呢？element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，我们在使用第三方js文件时会遇到。网上搜索了一下，可以在样式后面加上!important来更改样式的优先级，覆盖掉这个element.style。既然body里面的背景色启用就可以达到效果，那么就修改body里面的样式。
对于scss类型文件：

<style lang="scss">
// 注意，不能加 scoped
body {
  background-color: (#efeff4 !important);
}
</style>

对于css类型文件：

<style lang="css">
// 注意，不能加 scoped
body {
  background-color: #efeff4 !important;
}
</style>

这样效果就有了。
因为不能加scoped，所以就会污染别的组件的背景色，这种方法只能有选择的使用。更好的解决办法还需要再找。