Vue中import 引入样式文件污染问题

在vue的的来年各个文件中，取了相同的class名，其中一个引入了外部样式，结果两个文件的样式都发生了变化，出现了样式污染的问题。
发现是自己粗心大意引入的方式不对。

错误的引用方式：
在script下直接import了一个样式文件，导致了问题的发生。

<script>
import './index.scss'
<script>

正确的引入方式：

1.通过标签引入
用那style标签引入样式文件，例如
<style lang="scss" scoped src="./index.scss"></style>

2.通过@import方式引入，例如

<style lang="scss" scoped src="./index.scss">
@import './index.scss';
</style>