vue项目中样式污染的解决办法

关于vue项目中样式污染的解决办法有两种只不过第二种要在第一种的基础上使用

1.css方法

通过在style 中加上 <style scoped>

2.less 的用法 依赖一个插件 sass-loader 和第一个组合的用

2.1首先要下载相对于的插件 他有两个插件要同时使用

在终端输入

npm install sass-loader@"^10.2.1" --save

npm install node-sass@"^4.14.1" --save

在style中直接使用  用法long="scss"
在每个里面依次嵌套

2.1.1具体如何嵌套

前提是

 

要满足依次嵌套的顺序 

这样我们就解决了vue项目中样式污染的解决办法，如有其他方法请提示