vue @import引入样式样式污染

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

事例：

<style lang="scss">
.title{
    color: white;
}
</style>

解决方式：

<style scoped lang="scss">
.title{
    color: white;
}
</style>

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

事例：

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

解决方式：1 在标签上引用

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

</style>

解决方式：2 不加url

<style scoped lang="scss" >
   @import  '../style.scss'
</style>