vue 外部引入css文件只在當前組件起作用

當我們在外部引入文件的時候，想要只在當前組件使用，但是我們使用

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

會發現這樣子引入的文件會在全局使用。主要是因為scoped在起作用的時候，import並沒有引入這個文件，所以沒有對這個文件起作用。

使用下面方法就可以了：

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