vue的style标签写scoped之后与引入外部文件的关系

1.
<style scoped>
@import '../../assets/css/home.css';
</style>
/*这样写的话import的css文件会被编译为全局样式，但是引入less等预编译文件，就会局部生效*/

2.
<style src="../../assets/css/home.css" scoped>
</style>
/*这样写的css文件中的样式只能在本组件中使用，而不会影响其他组件*/

原文链接：https://blog.csdn.net/weixin_39941429/article/details/80254724