Vue:各个单文件组件的CSS样式是如何避免样式冲突的
Vue：各个单⽂件组件的CSS样式是如何避免样式冲突的在vue的单⽂件组件中，可以看到⼀般是:
<style scoped>
xxx{
}
</style>
假如a.vue或b.vue中存在下⾯相同的代码：
<style>
日本恐怖电影贞子div{
background: red;
}
</style>
就会发现a中或b中的a应⽤了上⾯的样式属性。给妈妈8个字祝福语
⽽
<style scoped>
div{
background: red;
}
玫瑰代表什么</style>
就会解决各个组件⽂件中的样式冲突。相当于隔离了各个组件的样式，互不⼲扰。怎么提高专注力
女职工权益保护法三十而立四十而不惑Vue模拟了Scoped CSS作⽤范围。限制了css的作⽤范围
它⽀持2个⽅案:
⽅案1：随机选择器
css modules
⽅案2：加随机属性
<div abcdef>
div[abcdef]{}
还有vue-loader进⾏处理。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。