当前位置: article > 正文

vue的scoped与moudule简单区别_scoped和mudule区别

作者：Li_阴宅 | 2024-08-05 07:38:15

踩

scoped和mudule区别

一个web应用是离不开html、css与js，其中css充斥的整个web项目中。css它有一个特定，它是全局的。这样的特性导致的结果是，一旦你在不同的地方定义了相同的css命名，那么它们的样式就会相互覆盖，最终导致的style错乱，从而影响整个网页布局。

在Vue中我们可以通过Scoped与Module来解决。

scoped作用的阻止上层的css样式传递到下层，限制当前css作用域，使其只对当前组件生效。

深度作用
如果你希望scoped中的某个样式能够作用的更深，影响到子组件，你可以使用>>>操作符

<style scoped>
.content >>> .1

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Li_阴宅/article/detail/931394