vue 外部引入css文件只在当前组件起作用

当我们在外部引入文件的时候，想要只在当前组件使用，但是我们使用

<style scoped>
    @import "../../xx.css"
</style>

会发现这样子引入的文件会在全局使用。主要是因为scoped在起作用的时候，import并没有引入这个文件，所以没有对这个文件起作用。

使用下面方法就可以了：

<style scoped src="../../xx.css"></style>