vue引入外部css文件

一直以来我用的都是错误的方法，如下：

<style scoped>
@import url('../assets/css/edit.css');
/*@import 'details.scss';*/
</style>

这样的写法作用域是全局，并非是局部。
原因：在其他文章看到：在生产环境中不要使用@import引入css，因为在请求到的css中含有@import引入css的话，会发起请求把@import的css引进来，多次请求浪费不必要的资源。

@import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped

所以正确的做法是用src,解决作用域是全局问题。

<style scoped src='../assets/css/edit.css'>
</style>

或者

<style scoped src='../assets/css/edit.css'/>