美文网首页
vue样式作用域

vue样式作用域

作者: ouxuwen | 来源:发表于2018-07-11 15:19 被阅读0次

在vue中引入了scoped这个概念 ,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式 ,使用了data-v-hash的方式来使css有了它对应模块的标识

但是要注意scoped的作用域, 因为权重的问题 如果是在子组件使用了scoped 那么在父组件中是不能直接修改子组件的样式的 需要在父组件中使用vue的深度作用选择器。

.parent >>> .children{ /* ... */ }
或者

.parent /deep/ .children{ /* ... */ }

相关文章

网友评论

      本文标题:vue样式作用域

      本文链接:https://www.haomeiwen.com/subject/laphpftx.html