本文介绍了Vue中`scoped`属性的作用，它为组件的`style`添加自定义属性，确保样式只对当前组件生效。同时，当在父组件中添加子组件时，子组件的根标签会继承父组件的自定义属性。然而，这可能导致子组件内部元素受到父组件样式的干扰。为了解决这个问题，文章讲解了如何使用深度选择器，如>>>、/deep/或::v-deep，来穿透`scoped`限制，影响子组件的样式。
scoped
对于某一个组件，如果style添加上scoped属性，给当前子组件的结构中都添加上一个data-v-xxxx自定的属性。
vue是通过属性选择器给需要添加的元素加上样式。
scoped作用：只对当前的组件有用（样式）
在父组件中再添加一个子组件，子组件的根标签，会拥有父组件当中的自定义属性。
注意下面只有div标签有data-v-7ba5b90属性：
最低0.47元/天 解锁文章
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
