vue @import引入CSS scoped无效 造成全局样式污染

引入css文件导致全局样式污染

1.写在单组件的style里面css样式，如果标签内不加scoped可能会影响其他组件的样式

<style lang="scss" scoped>
</style>

2.通过import引入的外部css文件，这种引入方式是全局的，也会影响其他组件的页面样式 

<style lang="scss" scoped>
@import url(../style.scss);
</style>

 

//所以可以通过一下方法引入，则不会影响其他组件的页面样式

<style lang="scss" src="../style.scss" scoped></style>
<style lang="scss" scoped>
 
</style>