项目中如何修改element-ui的默认样式

前言

vue中我们经常会使用一些第三方的组件库，可以达到快速搭建项目界面布局的效果，无非就是用什么组件库的问题。
但是，不管我们使用element ui、vant或是别的什么组件库，修改样式是必不可少的一个工作。

修改element-ui的默认样式

1、去除scoped

scoped作用：vue每个文件的样式部分都会有个scoped属性，该属性限制样式只在当前文件所在的作用域生效，而不会影响其他地方。
scoped的实现原理：vue中的scoped属性的效果主要通过PostCSS转译实现，如下是转译前的vue代码：

<template>
  <div class="example">hi</div>
</template>

<style scoped>
.example {
   
  color: red;
}
</style>

转译后：

<template>
  <div class="example">hi</div>
</template>

<style