默认情况下,如果父组件与子组件有相同的css选择器样式,则父组件的样式会覆盖子组件的样式。
scoped属性作用:
如果子组件与父组件有相同样式,则优先加载子组件自身的;如果没有则加载父组件的。
scoped原理:
本质是给子组件添加一个唯一的行内自定义属性 data-v-xxx, 然后通过属性选择器来增加css权重。
默认情况下,如果父组件与子组件有相同的css选择器样式,则父组件的样式会覆盖子组件的样式。
如果子组件与父组件有相同样式,则优先加载子组件自身的;如果没有则加载父组件的。
本质是给子组件添加一个唯一的行内自定义属性 data-v-xxx, 然后通过属性选择器来增加css权重。