【vue】如何限制单文件引入样式只作用于当前文件

今天写界面的时候发现样式改变对一个页面不起作用，和另一个页面保持一致。

找了半天发现是重名串用了其他css文件中的样式。

我一开始是这样子引入的

加了scoped也没用。

把样式直接卸载style里加scoped才有用

然后改成了这样子

就限定在当前文件中啦。

查了资料说是第一种引入方法是全局引用，其他页面也会使用该css文件。