Vue:scoped 与css module
一个web应用是离不开html、css与js,其中css充斥的整个web项目中。css它有一个特定,它是全局的。这样的特性导致的结果是,一旦你在不同的地方定义了相同的css命名,那么它们的样式就会相互覆盖,最终导致的style错乱,从而影响整个网页布局。
在Vue中我们可以通过Scoped与Module来解决。
Scoped
scoped作用的阻止上层的css样式传递到下层,限制当前css作用域,使其只对当前组件生效。
深度作用
如果你希望scoped中的某个样式能够作用的更深,影响到子组件,你可以使用>>>操作符
<style scoped>
.content >>> .